JavaScript习题（写一个计时器，从0分0秒开始，到3分0秒结束）

最新推荐文章于 2022-07-14 19:40:13 发布

中国的流浪猫

最新推荐文章于 2022-07-14 19:40:13 发布

阅读量1k

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_46611729/article/details/106733285

版权

每过一秒，seconds（秒）里的值就加1，seconds（秒）的值到59时，重新归0，此时minutes（分）的值加1，当minutes（分）的值到3时，seconds（秒）的值到0时，停止运行

以下是程序在浏览器运行时，开始和运行中途和结束时的界面：
开始页面
运行中途页面
运行结束时的页面
以下是JavaScript页面的代码：


var minutesValue = document.getElementsByTagName('input')[0];
var secondsValue = document.getElementsByTagName('input')[1];

var i = 0;

var timer = setInterval(function () {
	secondsValue.value = i;
	i++;
	if (i>59) {
		i = 0;
		minutesValue.value++;
		if (minutesValue.value == 3) {
			secondsValue.value = 0;
			clearInterval(timer);
		}
	}
},1000)

以下是HTML页面的代码：

<html>

<head>
	<meta charst="utf-8">
	<title>中国的流浪猫</title>
	<style type="text/css">
		input{
			border: 2px solid rgpa(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" src="lesson.js">
	</script>
</body>

</html>

中国的流浪猫

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
JavaScript习题（写一个计时器，从0分0秒开始，到3分0秒结束）

每过一秒，seconds（秒）里的值就加1，seconds（秒）的值到59时，重新归0，此时minutes（分）的值加1，当minutes（分）的值到3时，seconds（秒）的值到0时，停止运行以下是程序在浏览器运行时，开始和运行中途和结束时的界面：以下是JavaScript页面的代码：var minutesValue = document.getElementsByTagName('input')[0];var secondsValue = document.getElementsByT
复制链接

扫一扫