<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<input type="text" id="t1">
<button onclick="begin()">begin</button>
<button onclick="stop()">stop</button>
<script>
var ID;
function begin() {
if(ID==undefined){ //去掉第一次点击begin时等的1s
foo();
ID=setInterval(foo,1000) //一秒钟执行一次，并给ID赋值，以防不断点击begin，产生多个生成器
}
}
function foo() {
// 第一 找到input标签
var ele_input=document.getElementById("t1");
console.log(ele_input);
// 第二 给input的value属性赋值
var t=new Date(); //生成一个时间对象
ele_input.value=t.toLocaleString() //给p标签赋值
}
function stop() {
clearInterval(ID); //清除定时器
ID=undefined; //把ID设置为undefined，要不stop之后，就无法begin了
}
// 定时器对象
function bar() {
console.log(123);
}
// var ID=setInterval(bar,1000) ; // 启动定时器： 每隔一秒钟执行一次bar函数
// clearInterval(ID); // 关闭定时器
//var ID=setTimeout(bar,1000) // 过了1秒钟之后，执行一次bar函数，就结束了
//clearTimeout(ID)
</script>
</body>
</html>
