javascript setTimeout() 倒计时实现代码

时间:2013-05-07 02:12:42  来源:第二电脑网  作者:第二电脑网

  第二电脑网导读: width="620" align="center" border="0" cellpadding="1" cellspacing="1" style="background:#FB7">  代码如下 复制代码
  正文:文章介绍了利用JavaScript setTimeout()来做 倒计时功能,这个方法非常不错,同时也介绍了setInterval函数的用法。有需要的朋友参考一下。


<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">
function timedText()
{
var t1=setTimeout("document.getElementById('txt').value='2 seconds!'",2000)
var t2=setTimeout("document.getElementById('txt').value='4 seconds!'",4000)
var t3=setTimeout("document.getElementById('txt').value='6 seconds!'",6000)
}
</script>

这是一段js(第二电脑网http://www.002pc.com)代码就是过2,4,6秒执行一次。

在form里面如下。

 代码如下 复制代码

<input type="button" value="显示计时的文本!" onClick="timedText()">
<input type="text" id="txt">

这样我们只要输入一个字符开始就会看到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>
"javascript setTimeout() 倒计时实现代码"由第二电脑网原创提供,转载请注明:http://www.002pc.com/master/College/Programming/JavaScript/27311.html


关于《javascript setTimeout() 倒计时实现代码》文章的评论

站内搜索: 高级搜索

热门搜索: Windows style 系统 tr IP QQ CPU 安装 function 注册 if td