·您当前的位置:首页 > 技术教程 > 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. { 
  12.     var today = new Date(); 
  13.     $("#msg").html(today.toLocaleString() + ",i=" + i);     
  14.     i++; 
  15.     if (i>10) 
  16.     { 
  17.         clearInterval(_interval); 
  18.     } 
  19. } 
  20.  
  21. $(document).ready(function(){     
  22.     $("#btnStart").click(function(){ 
  23.         showTime(); 
  24.         _interval = setInterval("showTime()", 1000); 
  25.     }) 
  26.  
  27.     $("#btnStop").click(function(){                 
  28.         clearInterval(_interval); 
  29.         i=0; 
  30.     }) 
  31. }) 
  32. </script> 
  33. </head> 
  34. <body> 
  35. <label id="msg"></label>&nbsp; 
  36. <button id="btnStart">开始记时</button>&nbsp; 
  37. <button id="btnStop">停止记时</button> 
  38. <script type="text/javascript"> 
  39. </script> 
  40. </body> 
  41. </html> 

 

热门文章推荐

请稍候...

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

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