zoukankan      html  css  js  c++  java
  • JavaScrip--时钟对象

    时钟对象
    有两个方法开启时钟
    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>

  • 相关阅读:
    开灯问题
    独木舟上的旅行
    剑指offer--从尾到头打印链表
    映芬视觉网页练习
    游标的使用
    数据库操作
    关系型数据库
    数据库基础知识
    TCPSocket系列二
    HTML5新标签与css3选择器
  • 原文地址:https://www.cnblogs.com/YangMT/p/4864595.html
Copyright © 2011-2022 走看看