码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScrip--时钟对象

时间:2015-10-09 18:08:10      阅读:155      评论:0      收藏:0      [点我收藏+]

标签:

时钟对象
有两个方法开启时钟
setInterval
setTimeout
有两个方法关闭
clearInterval
clearTimeout

注意两个的区别:
第一个setInterval,是延迟指定的时间后一直的执行
第二个setTimeout,是延迟指定的时间后只执行一次

例子:
使用这两个方法写的时钟:
<body>
<button onclick="startTime1()">setinerval</button>
<button onclick="stopTime1()">stopinerval</button>
<p id="pid1"></p>
<button onclick="startTime2()">settimeout</button>
<button onclick="stopTime2()">stoptimeout</button>
<p id="pid2"></p>

<script>
    function startTime1(){
        setIntervaltime=setInterval(function(){
            demo1();
        },0);
    }
    function demo1(){
        var t=new Date();
        var time= t.toLocaleTimeString();
        document.getElementById("pid1").innerHTML=time;
    }

    function stopTime1(){
        clearInterval(setIntervaltime);
    }

    function startTime2(){
        demo2();
        setTimeouttime=setTimeout(function (){
            startTime2();
        },0);
    }
    function demo2(){
        var t=new Date();
        var time= t.toLocaleTimeString();
        document.getElementById("pid2").innerHTML=time;
    }
    function stopTime2(){
        clearTimeout(setTimeouttime);
    }
</script>
</body>

JavaScrip--时钟对象

标签:

原文地址:http://www.cnblogs.com/YangMT/p/4864595.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!