第一个(毫秒级)：

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

    微软推出开源工具ManifoldJS,可以自动将Web App转换成各种平台的App(安卓.iOS.Chrome OS.Windows). ManifoldJS通过获取网站meta-data信息,即可 ...

  2. SDWebImage使用详解

    这个类库提供一个UIImageView类别以支持加载来自网络的远程图片.具有缓存管理.异步下载.同一个URL下载次数控制和优化等特征.使用示范的代码:UITableView使用UIImageView+ ...

  3. firefox不支持background-position-x background-position-y，使用background-position:5px 5px;

    firefox不支持background-position-x background-position-y,使用background-position:5px 5px;

  4. NFC会员管理-转载自http://technews.cn/2014/09/13/nfc-sticker/

    基隆的百年名店“李鹄饼店”误用馊水油,客人纷纷上门退货,因退货条件宽松,客人一货两退,造成巨大的损失.为了平息客人的愤怒,店家允许客人凭发 票或商品办理退货,有的客人先用发票退一次钱,再用商品退一次钱 ...

  5. RMAN备份与恢复之删除过期备份

    使用crosscheck backupset或crosscheck backup之后,提示所有备份集都为available状态,当他执行delete obsolete时,提示有两个文件需要删除.实际上 ...

  6. 对 COM+ 组件进行了方法调用，但该组件有一个已被中止的或正在被中止的事务。 (异常来自 HRESULT:0x8004E003)

    错误: 对 COM+ 组件进行了方法调用,但该组件有一个已被中止的或正在被中止的事务. (异常来自 HRESULT:0x8004E003)   解决办法: 程序连接的数据库换到本地.   具体原因没搞 ...

  7. ajax同步，异步

    传输数据 同步:第一条传过去,对方接收到反馈以后,再传第二条; 异步:第一条传过去,不管对方有没有收到,继续传第二条. ajax(默认异步 async:true) 同步:执行完ajax内部代码,才执行 ...

  8. php生成二维码可以有以下几种方式

    1.google开放api $urlToEncode="http://bbs.lewanchina.com"; generateQRfromGoogle($urlToEncode) ...

  9. PowerShell连接中国Azure

    由于China Azure与Global Azure属于不同的服务,适用于Global Azure的命令并不完全适用于China Azure.目前,Add-AzureAccount命令地址指向Glob ...

  10. RabbitMQ和Kafka

    转自通九大神的博客 起因 最近公司RabbitMQ的集群出了点问题,然后有些亲就说RabbitMQ慢且不好用,是一个瓶颈,不如换成Kafka.而我本人,使用RabbitMQ有一点久了,认为这个事情应当 ...