·您当前的位置:首页 > 技术教程 > AS2与AS3技术 >

[AS3]as3下setInterval与clearInterval在js中的使用

时间:2013-04-24 21:43CuPlayer.com
setInterval是一个很有用的js函数,可以用来重复执行某些功能,利用这个我们可以实现一些很有趣的功能

setInterval是一个很有用的js函数,可以用来重复执行某些功能,利用这个我们可以实现一些很有趣的功能,比如:

不刷新页面的情况下,"实时"获取其它会员给你发来的问候,并弹出显示之类

下面给一个示例代码:(里面用了一些jquery的方法)

  1. <html> 
  2. <head> 
  3. <title>jquery 操作 Select CuPlayer.com</title> 
  4. <script type="text/javascript" src="jquery-1.2.6.pack.js"></script> 
  5. <script type="text/javascript"> 
  6.  
  7. var i=1
  8. var _interval; 
  9.  
  10. function showTime() 
  11.     var today = new Date(); 
  12.     $("#msg").html(today.toLocaleString() + ",i=" + i);     
  13.     i++; 
  14.     if (i>10) 
  15.     { 
  16.         clearInterval(_interval); 
  17.     } 
  18.  
  19. $(document).ready(function(){     
  20.     $("#btnStart").click(function(){ 
  21.         showTime(); 
  22.         _interval = setInterval("showTime()", 1000); 
  23.     }) 
  24.  
  25.     $("#btnStop").click(function(){                 
  26.         clearInterval(_interval); 
  27.         i=0
  28.     }) 
  29. }) 
  30. </script> 
  31. </head> 
  32. <body> 
  33. <label id="msg"></label>&nbsp; 
  34. <button id="btnStart">开始记时</button>&nbsp; 
  35. <button id="btnStop">停止记时</button> 
  36. <script type="text/javascript"> 
  37. </script> 
  38. </body> 
  39. </html> 

 

热门文章推荐

请稍候...

保利威视云平台-轻松实现点播直播视频应用

酷播云数据统计分析跨平台播放器