js写了一个关于时间的定时器setinterval

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>setiner</title>
	</head>
	<body>
		<div id="are">
			<span id="timeare">
				
			</span><br>
			<input type="button" id="btn1" value="start" οnclick="start(this.id)" />
			<input type="button" id="btn1" value="stop" οnclick="stop(this.id)" />
			
		</div>
		<script type="text/javascript">
			var timer;
			timer=setInterval("dat()",500);
			function dat(){
				var date = new Date();
				var time=date.getMinutes() + ':' + date.getSeconds() + ':' + date.getMilliseconds();
            	document.getElementById("timeare").innerHTML=time;
			}
			function start(){
				timer =setInterval("dat()",1000);
			}
			function stop(){
				clearInterval(timer);
			}
			var num = 0;
        var i = setInterval(function() {
            num++;
            if (num > 10)
                clearInterval(i);
        }, 1000);
		</script>
	</body>
</html>

猜你喜欢

转载自blog.csdn.net/heiiochange/article/details/78028564