zoukankan      html  css  js  c++  java
  • Js定时执行函数方法setTimeout,clearTimeout用法及按钮addEventListener,attachEvent侦听事件 全新时代

    <script>

    var timeoutProcess1;  //设置成全局变量。

    </script>

    <input id="xxId" type="text" value="当前时间" />

    <input id="xxStart" type="button" value="开始计时" onClick="fn();"/>

    <input id="xxStart2" type="button" value="开始计时2" />

    <input id="xxEnd" type="button" value="停止计时"  onClick="javascript:clearTimeout(timeoutProcess1);"/>

    <script>

    function fn(){

    document.getElementById('xxId').value=new Date();

    timeoutProcess1 = setTimeout(fn,1000); //每隔一秒钟重复执行fn函数方法。

    }

    //-----------------------使用按钮侦听事件来处理-----------------------

    var start = document.getElementById('xxStart2');

    //start.addEventListener("click", fn, true);   //设置侦听事件

    if (start.addEventListener){
     //alert('11111111111 火狐支持addEventListener');
     start.addEventListener('click', fn, false);   //设置侦听事件
    } else if (start.attachEvent){
     //alert('22222222222 IE支持attachEvent');
     start.attachEvent('onclick', fn);                //设置侦听事件,[注意]:attachEvent方法名区分大小写,onclick区分大小写,否则会报对象不支持此属性和方法!
    }

    </script>

  • 相关阅读:
    hdu 2647 Reward
    hdu 2094 产生冠军
    hdu 3342 Legal or Not
    hdu 1285 确定比赛名次
    hdu 3006 The Number of set
    hdu 1429 胜利大逃亡(续)
    UVA 146 ID Codes
    UVA 131 The Psychic Poker Player
    洛谷 P2491消防 解题报告
    洛谷 P2587 [ZJOI2008]泡泡堂 解题报告
  • 原文地址:https://www.cnblogs.com/simpledev/p/2984016.html
Copyright © 2011-2022 走看看