js三分钟计时器

无人不xiao

于 2020-09-28 16:56:33 发布

阅读量1.1k

点赞数 1

分类专栏： JavaScript

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

版权

JavaScript 计时器分钟秒网页交互

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

JavaScript 专栏收录该内容

11 篇文章

订阅专栏

这是一个使用JavaScript编写的简单计时器，能够显示分钟和秒数，并在达到三分钟时自动停止。计时器通过更新输入框的值来实时显示时间变化，为网页应用提供基本的定时功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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