萬盛學電腦網 >> 腳本專題 >> javascript >> javascript間隔調用和延時調用示例
javascript間隔調用和延時調用示例
這篇文章主要介紹了javascript間隔調用和延時調用示例,介紹setInterval方法和clearInterval方法的使用方法，大家參考使用吧
用setInterval方法可以以指定的間隔實現循環調用函數，直到clearInterval方法取消循環 用clearInterval方法取消循環時，必須將setInterval方法的調用賦值給一個變量，然後clearInterval方法引用該變量。 代碼如下: <script type="text/javascript"> var n = 0; function print(){ document.writeln(n); if(n==1000){ window.clearInterval(s); } n++; } var s = window.setInterval(print, 10); </script> 用setTimeout和clearTimeout完成延時調用，在指定的延遲時間之後運行指定函數，只執行一次。clearTimeout的用法同clearInterval方法的用法相同。 代碼如下: <script type="text/javascript"> function printTime(){ var time = new Date(); var year = time.getFullYear(); var month = (time.getMonth())+1; var daynum = time.getDay(); var hour = time.getHours(); var min = time.getMinutes(); var sec = time.getSeconds(); var da = time.getDate(); var daystr; switch(daynum){ case 0: daystr="星期日"; break; case 1: daystr="星期一"; break; case 2: daystr="星期二"; break; case 3: daystr="星期三"; break; case 4: daystr="星期四"; break; case 5: daystr="星期五"; break; case 6: daystr="星期六"; break; default: daystr=""; } var str = year+"年"+month+"月"+da+"日 "+daystr+" "+hour+": "+min+": "+sec; document.getElementById("t").innerHTML = str; window.setTimeout(printTime, 1000); } </script> <body onload="printTime()"> <br/> <div id="t"></div> </body>javascript排行
程序編程推薦
相關文章
copyright © 萬盛學電腦網 all rights reserved