zoukankan      html  css  js  c++  java
  • JS 定时器 (setInterval 和 setTimeout 函数)

    DEMO1:
    <html>

    <head>

    <script language="JavaScript">
    <!--

    function Refresh()
    {
     var newDateObj = new Date();
     document.form1.txt_Time.value=newDateObj.toLocaleString();//使用当前区域设置并已被转换为字符串
    }

    var MyInterval=setInterval("Refresh()",1000);

    function Stop()
    {
     if(event.srcElement.value=="STOP")
     //if(document.form1.btn_Stop.value=="STOP")
     {
      clearInterval(MyInterval);
      document.form1.btn_Stop.value="START";
     }
     else if(event.srcElement.value=="START")
     //else if(document.form1.btn_Stop.value=="START")
     {
      MyInterval=setInterval("Refresh()",1000);
      document.form1.btn_Stop.value="STOP";
     }
    }

    function Clear()
    {
     if(event.keyCode==8)//退格键
     {
      event.srcElement.value="";
     }
    }
    //-->
    </script>
    </head>


    <body>

    <form name="form1">
    当前时间:<input type=text name="txt_Time" size=30 onkeydown="Clear()">
    <input type="button" name="btn_Stop" value="STOP" onClick="Stop()">


    </form>

    </body>

    </html>


    DEMO2:
    <SCRIPT>

    function Refresh()
    {
     Time.innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());
     setTimeout("Refresh()",1000);
    }

    var timer=setTimeout("Refresh()",1000);

    function Stop()
    {
     if(event.srcElement.value=="STOP")
     {
      clearTimeout(timer);
      document.all.btn_Stop.value="START";
     }
     else if(event.srcElement.value=="START")
     {
      timer=setTimeout("Refresh()",1000);
      document.all.btn_Stop.value="STOP";
     }
    }

    </SCRIPT>

    <body>
    <DIV style="background-color:#eeeeee" id="Time"></DIV>
    <input type="button" name="btn_Stop" value="STOP" onClick="Stop()">

    <button name='btnTest' onclick="javascript:alert(this.name)">测试</button>
    </body>

  • 相关阅读:
    比较好的总结runtime
    开发证书详解
    删除数组中特定元素推荐做法
    pbxproj文件冲突解决办法
    svn不提交user文件
    c提高第六次课 文件读取
    c++函数指针
    c提高第五次作业
    c提高第四次作业
    c提高第四课
  • 原文地址:https://www.cnblogs.com/RobotTech/p/545969.html
Copyright © 2011-2022 走看看