用原生JS實現一個簡單的計時器demo

今天實習第一次寫代碼,很簡單,實現一個計時效果,但是我還是折騰了很久。。。

爲自己的智商感到惶恐。各種白癡錯誤啊

下面是代碼

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta http-equiv="content-Type" content="text/html; charset=utf-8 "/>
	<script type="text/javascript">
		
		function settime(a){
			if(a<10)
				a = "0"+a;
			return a;
		}
			 h = 0;
			 m = 0;
			 s = 0;

		function starttime(){
        	var showh = settime(h);
        	var showm = settime(m);
        	var shows = settime(s);
        	document.getElementById("showtime").innerHTML=showh+":"+showm+":"+shows;

       		s++;
        	if(s == 60)
       		{
        		s = 0;
        		m++;
       		 }
        	if(m == 60){
        		m = 0;
        		h++;
        	}

        	t = setTimeout("starttime()",1000);
		}

		function endtime() {
			clearTimeout(t);
		}
	</script>
</head>
<body>
<div id="showtime"></div>
<form>
	<input type="button" value="開始" id = "start" οnclick="starttime()"/>
	<input type="button" value="停止" id = "end" οnclick="endtime()"/>
</form>
</body>
</html>

所犯錯誤:

1. jquery忘記了

2. jquery的元素選擇器返回的跟原生DOM操作返回的不是一個東西。前者返回封裝好的jquery對象


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章