第一个(毫秒级)：

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

js 倒计时(转)的更多相关文章

  1. js倒计时-倒计输入的时间

    计算指定时间到指定时间之间相差多少天.时.分.秒. 节日.活动.商城常用. 原理: 主要使用到时间戳,也就是从1970 年 1 月 1 日 到指定时间的毫秒数. 1. 求出毫秒差 :当两个时间直接进行 ...

  2. js 倒计时（可自定义时间）

    <html> <head> <title>js 倒计时</title> </head> <body> <div> & ...

  3. js倒计时显示

    <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>j ...

  4. Js倒计时程序

    Js倒计时程序 点击下载

  5. JS倒计时网页自动跳转代码

    <title>JS倒计时网页自动跳转代码</title> <script language="JavaScript" type="text/ ...

  6. JS倒计时 代码

    JS倒计时 代码 <div> <span id="KSD">3</span>天 <span id="KSH">1 ...

  7. js倒计时函数和(js禁用和恢复a标签的操作)

    <script type="text/javascript"> /*获取手机号*/ var start_time=60; function get_phone_nums ...

  8. js 倒计时跳转

    用js实现简单的倒计时结束页面跳转效果,主要用到setInterval()和clearInterval()方法,页面跳转使用window.location.href = " ".倒 ...

  9. 常见JS倒计时

    https://www.jb51.net/Special/356.htm  //JS倒计时  <button onclick="resetTime(60)">启动倒计时 ...

  10. 页面倒计时跳转页面效果，js倒计时效果

    页面倒计时跳转页面效果,js倒计时效果 >>>>>>>>>>>>>>>>>>>> ...

随机推荐

  1. openpgp和gnupg

    http://www.openpgp.org/about_openpgp/history.shtml https://www.gnupg.org/ History OpenPGP is a non-p ...

  2. unity, SkinnedMeshRenderer.updateWhenOffscreen

    发现,必须勾选update when offscreen,当skinnedMeshRenderer发生形变时bounds才会更新.

  3. OpenJudge 计算概论-判断闰年

    /*======================================================================== 判断闰年 总时间限制: 1000ms 内存限制: ...

  4. Top JavaScript Frameworks, Libraries & Tools and When to Use Them

    It seems almost every other week there is a new JavaScript library taking the web community by storm ...

  5. winform 调用http 通过代理出现的一系列问题

    如果遇到以上问题,请拷贝以下代码到你的桌面应用程序的app.config 文件中 <system.net> <defaultProxy enabled="false&quo ...

  6. html之filedset标签

    fieldset 元素可将表单内的相关元素分组,当一组表单元素放到 <fieldset> 标签内时,浏览器会以特殊方式来显示它们,它们可能有特殊的边界.3D 效果,或者甚至可创建一个子表单 ...

  7. paypal接口对接注意事项

    追加:新的设定画面 在paypal对接过程中,会存在return_url和notify两种 分别用pdt和ipn实现 但是对于paypal,大家请注意,真实环境和沙盒测试环境的区别 你可以到www.p ...

  8. HBase(二): c#访问HBase之股票行情Demo

    上一章完成了c#访问hbase的sdk封装,接下来以一个具体Demo对sdk进行测试验证.场景:每5秒抓取指定股票列表的实时价格波动行情,数据下载后,一方面实时刷新UI界面,另一方面将数据放入到在内存 ...

  9. (转)【Android测试工具】03. ApkTool在Mac上的安装和使用（2.0版本）

    http://blog.csdn.net/wirelessqa/article/details/8997168 http://code.google.com/p/android-apktool/dow ...

  10. [原]Linux系统管理使用技巧总结

    一.磁盘管理 1.查看磁盘空间大小 df可以查看一级文件夹大小.使用比例.档案系统及其挂入点,但对文件却无能为力. du可以查看文件及文件夹的大小.如果不带其他参数(-h表示human-readabl ...