<!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>