要求在控制台中时间每间隔1秒就打印出当前时间,单击页面中的按钮可以取消定时器。javaScript中可以通过window对象提供的方法实现在指定时间后执行特定操作的方法,定时器有2种,分别是setInterval ()、clearInterval () 表示在指定的时间后会自动重复执行代码;setTimeout()、clearTimeout()只执行一次代码。基础这两种的区别,考虑用前一种方法,在指定时间后重复操作代码。
<input type="button" value="开始" onclick="ticker(this)" />
<script>
var timer
function ticker(el) {
var start = el.value == '开始';
if (start) timer = setInterval(function () { console.log(new Date().toLocaleString())}, 1000);
else clearInterval(timer)
el.value = start?'停止':'开始'
}
</script>
你题目的解答代码如下:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title> 页面名称 </title>
</head>
<body>
<input type="button" value="取消定时器" onclick="clearInterval(timer);" />
<script type="text/javascript">
var timer = setInterval(function(){
var d = new Date();
console.log(d.toLocaleString());
}, 1000);
</script>
</body>
</html>
如有帮助,望采纳!谢谢!