您的位置：首页 > 编程语言 > Java开发

JavaScrip--时钟对象

2020-02-02 08:36 1371 查看

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

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

例子：
使用这两个方法写的时钟：
<body>
<button οnclick="startTime1()">setinerval</button>
<button οnclick="stopTime1()">stopinerval</button>
<p id="pid1"></p>
<button οnclick="startTime2()">settimeout</button>
<button οnclick="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>

转载于:https://www.cnblogs.com/YangMT/p/4864595.html

点赞
收藏
分享
文章举报

amwxytu75574 发布了0 篇原创文章 · 获赞 0 · 访问量 107 私信关注

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航