javascript setTimeout() 倒计时实现代码
<div>距离页面关闭还有 <span id="limit">5</span> 秒</div>
| 代码如下 | |
| <script type="text/javascript"> <!-- function showlimit(){ for(var i=5;i>=0;i--){ setTimeout("setlimit("+i+")",i*1000); } } function setlimit(i){ var n = -(i-5); var obj = document.getElementById("limit"); if(obj){ obj.innerHTML = n; } } window.onload = function(){ showlimit(); } //--> </script> |
|
应用于窗口关闭提示,页面关闭提示等,注意javascript的负负得正这个算法。
看实例一个迟延加载代码
| 代码如下 | |
|
<script type="text/javascript"> |
|
这是一段js代码就是过2,4,6秒执行一次。
在form里面如下。
| 代码如下 | |
|
<input type="button" value="显示计时的文本!" onClick="timedText()"> |
|
这样我们只要输入一个字符开始就会看到2,4,6显示了哦。
更多详细内容请查看:http://www.111cn.net/wy/99/e80915fb120d9b233c8471240a7390aa.htm
setTimeout实现的自动变化显示随机数的效果:
| 代码如下 | |
| <html> <head> <script> window.onload=sett; function sett() { document.body.innerHTML=Math.random(); setTimeout("sett()",500); } </script> </head> <body> </body> </html> |
|
相关函数:
setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。
setTimeout() 只执行 code 一次。如果要多次调用,请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。
用setInterval实现的自动变化显示随机数的效果:
| 代码如下 | |
|
<html> |
|






