每过一秒,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>