定时器 setTimeout setInterval

1.代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script src="../scripts/jquery-1.3.1.js" type="text/javascript"></script>
<script language="javascript">

   $(function(){
     var i = 0;
     var timeoutID,timeoutID2;
     function a(){
      i+=1;
      $("#sp").html("计时（秒）："+i);
      timeoutID = setTimeout(a,1000);
     }
     a();
     $("#bt").click(function(){
      alert(i);
     clearTimeout(timeoutID) ;
     });
     $("#bt1").click(function(){
     alert(i);
     a() ;
     });
      timeoutID2 = setInterval(b,1000);
     function b(){
      var now = new Date();
       $("#sp1").html('时间：'+now.toString());

     }
     $("#btn").click(function(){
     clearTimeout(timeoutID2) ;
     });
     $("#btn1").click(function(){
      timeoutID2 = setInterval(b,1000);
     });

   })
  </script>
</head>
<body>
<input type="button" id="bt" value="计时停止"/>
<input type="button" id="bt1" value="计时继续"/>
<span id="sp"></span>
   <br/>
<input type="button" id="btn" value="时间停止"/>
<input type="button" id="btn1" value="时间继续"/>
<span id="sp1"></span>
</body>
</html>
2.效果

转载于:https://www.cnblogs.com/shuaisam/archive/2012/03/27/2419320.html

定时器 setTimeout setInterval相关推荐

JS中定时器setTimeout,setInterval,clearTimeout,clearInterval用法
setTimeout是指过多久执行,只执行一次 setInterval是指每过多久执行一次 clearTimeout是关闭setTimeout定时器 clearInterval是关闭setInterv ...
清除定时器和 vue 中遇到的定时器setTimeout setInterval问题
2019-03更新找到了更简单的方法,以setinterval为例,各位自行参考 mounted() {const that = thisconst timer = setInterval(func ...
定时器 setTimeout(),setInterval() 清除定时器
定时器异步回调函数 callback setTimeout( 函数名,时间单位是毫秒) 延迟定时器,多久之后动,动完就结束了,定时炸弹 setInterval( 函数名,时间单位是毫秒) 连续定 ...
js 定时器（setTimeout/setInterval）出现变量未定义（xxx is not defined）的解决方法
js 定时器(setTimeout/setInterval)出现变量未定义(xxx is not defined) 的解决方法参考文章: (1)js 定时器(setTimeout/setInterv ...
js中的定时器 setTimeout()和setInterval() (保姆级教程)
1 两种定时器 window 对象给我们提供了 2 个非常好用的方法-定时器. setTimeout() setInterval() 2 setTimeout() 定时器 window.setTime ...
Vue中使用定时器（setInterval、setTimeout）
js中定时器有两种,一个是循环执行 setInterval,另一个是定时执行 setTimeout. 注意:定时器需要在页面销毁的时候清除掉,不然会一直存在! 1. 循环执行( setInterval ...
JS定时器setTimeout和setInterval介绍
JS定时器setTimeout和setInterval介绍 JavaScript 定时器,有时也称为"计时器",用来在经过指定的时间后执行某些任务.avaScript 中提供了两种 ...
定时器setTimeout和setInterval的简单应用
本文简单利用定时器setTimeout和setInterval举了两个小栗子:定时炸弹和1-100递增代码如下: <!DOCTYPE html> <html lang=" ...
setTimeout() setInterval()
本篇文章,小编将为大家介绍Js中setTimeout()和setInterval() 何时被调用执行的用法,有需要的朋友可以参考一下定义setTimeout()和setInterval()经常被用来 ...

定时器 setTimeout setInterval

定时器 setTimeout setInterval相关推荐

最新文章

热门文章