分享

js倒计时刷新

 糖糖书屋_CJF 2012-03-22
1.js循环倒计时代码 每5秒循环倒计时到0 再从5秒开始
 
<script>
var start = 5;
var step = -1;
function count()
{
document.getElementById("div1").innerHTML = start;
start += step;
if(start < 0)
start = 5;
setTimeout("count()",1000);
}
window.onload = count;
</script>
<div id="div1"></div>
---------------------------------------------------------------------------------------------
2.<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>counter</title>
<script language="javascript" type="text/JavaScript">
function Counter(nMax,nInterval)
{
this.maxTime=nMax;
this.interval=nInterval;
this.objId="timer";
this.obj=null;
this.num=this.maxTime;
this.timer=null;
this.start=function()
{
this.obj=document.getElementById(this.objId);
if(this.num>0) setTimeout(this.run,this.interval*1000);
};
this.run=function()
{
if(myCounter.num>0)
{
myCounter.num--;
myCounter.obj.innerHTML=myCounter.num;
myCounter.timer=setTimeout(myCounter.run,myCounter.interval*1000);
}
else clearTimeout(myCounter.timer);
};
this.show=function()
{
document.write("<span id="+this.objId+">"+this.num+"</span>");
this.obj=document.getElementById(this.objId);
//alert(this.obj.innerHTML);
}
}
</script>
</head>
<body onload="myCounter.start();">
<script language="JavaScript" type="text/JavaScript">
var myCounter=new Counter(10,1);
</script>
<p>现在剩下
<script language="JavaScript" type="text/JavaScript">
myCounter.show();
</script>
秒钟!</p>
 
 
---------------------------------------------------------------------------------------------
3.
请等待<span id="dd">10</span>秒
<script type="text/javascript">
function run(){
 var s = document.getElementById("dd");
 if(s.innerHTML == 0){
  window.location.href='regform.shtml';
  return false;
 }
 s.innerHTML = s.innerHTML * 1 - 1;
}
window.setInterval("run();", 1000);
</script>
-------------------------------------------------------------------------------------------
4.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www./TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <script type="text/javascript">
    <!--
    var duration=9900;
    var endTime = new Date().getTime() + duration + 100;
    function interval()
    {
        var n=(endTime-new Date().getTime())/1000;
        if(n<0) return;
        document.getElementById("timeout").innerHTML = n.toFixed(3);
        setTimeout(interval, 10);
    }
    window.onload=function()
    {
        setTimeout("window.location.href='http://www.'", duration);
        interval();
    }
    //-->
    </script>
<html xmlns="http://www./1999/xhtml">
<head runat="server">
    <title>等待10秒</title>
</head>
<body>
    <form id="form1" runat="server">
        <div>
             现在剩下 <span id="timeout">10.000</span> 秒后 将自动跳转        </div>
    </form>
</body>
</html>

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多