<style>
input{
border: 1px solid #000;
text-align: right;
font-size: 20px;
font-weight: bold;
}
</style>
上述是css部分的
以下是body部分的
minutes <input type="text" value="0">
seconds <input type="text" value="0">
<!-- 一个小小的计时器,就包含了很多前面的知识,所以一定要多复习前面的,不能学一个忘一个,不然写题没思路 -->
<script>
var minutesNode = document.getElementsByTagName('input')[0];
var secondsNode = document.getElementsByTagName('input')[1];
var seconds = 0,
minutes = 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>