JS之Date对象，写一个计时器

最新推荐文章于 2023-03-28 20:13:49 发布

gxgalaxy

最新推荐文章于 2023-03-28 20:13:49 发布

阅读量417

点赞数

分类专栏：前端 JavaScript

本文链接：https://blog.csdn.net/gxgalaxy/article/details/90343835

版权

前端同时被 2 个专栏收录

33 篇文章 1 订阅

订阅专栏

JavaScript

23 篇文章 1 订阅

订阅专栏

写一个计时器，到三分钟停止

<!DOCTYPE  html>
	<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>demo</title>
		<link rel="stylesheet" href="./src/demo.css">
	<style type="text/css">
		input{
			border:1px solid rgba(0,0,0,0.8);
			text-align: right;
			font-size: 20px;
			font-weight: bold;
		}

	</style>
	</head>
<body>
    minutes:<input type="text" value="0">  
    seconds:<input type="text" value="0">
    <script type="text/javascript">
            var minutesNode = document.getElementsByTagName('input')[0];
 	    var secondsNode = document.getElementsByTagName('input')[1];
 	    var minutes = 0,
 		    seconds = 0;
 	    var timer = setInterval(function(){
 		    seconds ++;
 		    if(seconds == 60){
 			    seconds = 0;
 		   	    minutes ++;
 		    }
 		    secondsNode.value = seconds;
 		    minutesNode.value = minutes;
 		    if(minutes == 3){
 			    clearTimeout(timer);
 	    	}
     	},100);	
    </script>
</body>
</html>

gxgalaxy

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS之Date对象，写一个计时器

写一个计时器，到三分钟停止<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>demo</title> <link rel="stylesheet" href="./src/demo.css"> &l...
复制链接

扫一扫

专栏目录