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>

  • 相关阅读:
    python 10大算法之一 LinearRegression 笔记
    Android+openCV 动态人脸检测
    ubuntu+github配置使用
    Android+openCV人脸检测2(静态图片)
    Android CameraManager 类
    Android人脸检测1(静态图片)
    Android读写配置2
    Git分支(branch)
    mvn
    git 停止跟踪某一个文件
  • 原文地址:https://www.cnblogs.com/RobotTech/p/545969.html
Copyright © 2011-2022 走看看