定时器---时钟练习 

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

 

posted @ 2017-12-22 11:02  wangmo  阅读(215)  评论(0)    收藏  举报