zoukankan html css js c++ java

js 倒计时(转)

第一个(毫秒级)：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/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.baidu.com'", duration);
        interval();
    }
    </script>
<html xmlns="http://www.w3.org/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>

第二个：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">    
    <head runat="server">
        <title>
            等待10秒
        </title>
        <script type="text/javascript">
            function run() {
                var s = document.getElementById("dd");
                if (s.innerHTML == 0) {
                    window.location.href = 'www.baidu.com';
                    return false;
                }
                s.innerHTML = s.innerHTML * 1 - 1;
            }
            window.setInterval("run();", 1000);
        </script>
    </head>    
    <body>
        <form id="form1" runat="server">
            <div>
                请等待<span id="dd">10</span>秒
            </div>
        </form>
    </body>
</html>

第三个：

<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>

查看全文

相关阅读:
理解JavaScript Call()函数原理。
数据结构水题大赛官方题解#3 XXX的stl
数据结构水题大赛官方题解#2 XXX的脑白金
 数据结构水题大赛官方题解#1 XXX的面试
 P3390 矩阵快速幂
 2020.6.8 T1 棋子移动
 U68862 奶牛滑迷宫
 5月18日考试错误题目走迷宫
 最小生成树两种算法详解
 p1220关路灯(小优化)

原文地址：https://www.cnblogs.com/shenyixin/p/3738700.html