用原生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对象


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