js三分钟计时器

最新推荐文章于 2023-07-25 15:46:23 发布

无人不xiao

最新推荐文章于 2023-07-25 15:46:23 发布

阅读量1k

点赞数 1

分类专栏： JavaScript

本文链接：https://blog.csdn.net/weixin_45934659/article/details/108853123

版权

JavaScript 计时器分钟秒网页交互

关键词由CSDN通过智能技术生成

JavaScript 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>js三分钟计时器</title>
    <style>
        input{
            border: 1px solid rgba(0,0,0, 0.8);
            text-align: right;
            font-size: 20px;
            font-weight: bold;
        }
    </style>

</head>

<body>
    minutes<input value="0" type="text">
    seconds<input value="0" type="text">
	
<script type="text/javascript">


minutesNode = document.getElementsByTagName('input')[0];
		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) {
			clearInterval(timer);
		}
		},1000)




</script>

	
</body>
</html>

无人不xiao

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js三分钟计时器

<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title>js三分钟计时器</title> <style> input{ border: 1px solid rgba(0,0,0, 0.8); text-align: right; f
复制链接

扫一扫