标王 热搜: mysql  jquery  种子  爬岩鱼  有机肥  新农人  投资  跳跳鱼  天麻   
当前位置: 首页 » 农人博客 » 农人学电脑 » 正文

JS setInterval() 与 clearInterval() 方法的使用

更多
放大字体  缩小字体 发布日期:2015-04-12  来源:新农业网  作者:石头  浏览次数:115
一、HTML DOM setInterval()、clearInterval() 方法

     setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。

     clearInterval() 方法可以取消该周期性的方法调用。

     详细可参见:http://www.w3school.com.cn/htmldom/met_win_setinterval.asp

     当setInterval调用执行完毕时,它将返回一个timer ID,将来便可以利用该值对计时器进行

     访问,如果将该ID传递给clearInterval,便可以终止那段被调用的过程代码的执行了.

二、如何使用

    下面的代码体现了以上两个方法的使用方式

    1、html页面内容如下:

         ① 页面上用div实时显示当前时间

   ② 调用JS控制div中显示的内容

   ③ 按钮用来停止方法的调用
例子如下:

function start_sms_button(obj){
    var count = 1 ;
    var sum = 30;
    var i = setInterval(function(){
      if(count > 0){
        obj.attr('disabled',false);
        obj.html('发送验证码');
        clearInterval(i);
      }else{
        obj.html('剩余'+parseInt(sum - count)+'秒');
      }
      count++;
    },1000);
}
免责声明:本站部分文章系转载自网络,如有侵犯,请联系我们立即删除。另:本文仅代表作者个人观点,与新农业农资网无关。如无特殊注明均为本站(新农业农资网)原创,版权归新农业农资网所有,如需转载请注明来源地址.
 
[ 农人博客搜索 ]  [ ]  [ 告诉好友 ]  [ 打印本文 ]  [ 关闭窗口 ]  [ 返回顶部 ]

 
 
专业农业类网站建设 手机APP开发 小程序开发
热门话题
推荐图文
 
新农业网
新农业网
新农业网