用原生JS实现一个简单的计时器demo

最新推荐文章于 2022-08-30 16:37:18 发布

viana37

最新推荐文章于 2022-08-30 16:37:18 发布

阅读量7.3k

点赞数

分类专栏：前端文章标签： javascript 计时器

本文链接：https://blog.csdn.net/viana37/article/details/50725227

版权

本文记录了作者初次实习时用原生JavaScript实现计时器功能的经历，过程中遇到并改正了如jQuery选择器与原生DOM操作的混淆等错误。

摘要由CSDN通过智能技术生成

今天实习第一次写代码，很简单，实现一个计时效果，但是我还是折腾了很久。。。

为自己的智商感到惶恐。各种白痴错误啊

下面是代码

<!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 =