Javascript倒计时常用代码大全

1.世界末日倒计时

 代码如下 复制代码

<form name="form1">
    <div align="center" align="center">
        <center>离2012年<span class='wp_keywordlink_affiliate'><a href="tag/%e4%b8%96%e7%95%8c%e6%9c%ab%e6%97%a5" title="查看 世界末日 中的全部文章" target="_blank">世界末日</a></span>还有:<br>
            <input type="textarea" name="left" size="35" style="text-align: center">
        </center>
    </div>
</form>
<script LANGUAGE="javascript">
    startclock()
    var timerID = null;
    var timerRunning = false;
    function showtime() {
        Today = new Date();
        var NowHour = Today.getHours();
        var NowMinute = Today.getMinutes();
        var NowMonth = Today.getMonth();
        var NowDate = Today.getDate();
        var NowYear = Today.getYear();
        var NowSecond = Today.getSeconds();
        if (NowYear < 2000)
            NowYear = 1900 + NowYear;
        Today = null;
        Hourleft = 00 - NowHour
        Minuteleft = 00 - NowMinute
        Secondleft = 00 - NowSecond
        Yearleft = 2012 - NowYear
        Monthleft = 12 - NowMonth - 1
        Dateleft = 21 - NowDate
        if (Secondleft < 0) {
            Secondleft = 60 + Secondleft;
            Minuteleft = Minuteleft - 1;
        }
        if (Minuteleft < 0) {
            Minuteleft = 60 + Minuteleft;
            Hourleft = Hourleft - 1;
        }
        if (Hourleft < 0) {
            Hourleft = 24 + Hourleft;
            Dateleft = Dateleft - 1;
        }
        if (Dateleft < 0) {
            Dateleft = 31 + Dateleft;
            Monthleft = Monthleft - 1;
        }
        if (Monthleft < 0) {
            Monthleft = 12 + Monthleft;
            Yearleft = Yearleft - 1;
        }
        Temp = Yearleft + '年, ' + Monthleft + '月, ' + Dateleft + '天, ' + Hourleft + '小时, ' + Minuteleft + '分, ' + Secondleft + '秒'
        document.form1.left.value = Temp;
        timerID = setTimeout("showtime()", 1000);
        timerRunning = true;
    }
    var timerID = null;
    var timerRunning = false;
    function stopclock() {
        if (timerRunning)
            clearTimeout(timerID);
        timerRunning = false;
    }
    function startclock() {
        stopclock();
        showtime();
    }
    // -->  
</script>  

2.小时倒计时，可用于在线考试

 代码如下 复制代码

<SCRIPT LANGUAGE="JavaScript">
    <!--
    var maxtime = 60 * 60 //一个小时，按秒计算，自己调整!  
    function CountDown() {
        if (maxtime >= 0) {
            minutes = Math.floor(maxtime / 60);
            seconds = Math.floor(maxtime % 60);
            msg = "距离结束还有" + minutes + "分" + seconds + "秒";
            document.getElementById("timer").innerHTML = msg;
            if (maxtime == 5 * 60) alert('注意，还有5分钟!');
            --maxtime;
        }
        else {
            clearInterval(timer);
            alert("时间到，结束!");
        }
    }
    timer = setInterval("CountDown()", 1000);
    //-->  
</SCRIPT>
<div id="timer" style="color:red"></div>  

3.简单倒计时（仅显示天数）

 代码如下 复制代码
<Script Language="JavaScript">
    var timedate = new Date("January 14,2013");
    var times = "研究生<span class='wp_keywordlink_affiliate'><a href="tag/%e8%80%83%e8%af%95" title="查看 考试 中的全部文章" target="_blank">考试</a></span>";
    var now = new Date();
    var date = timedate.getTime() - now.getTime();
    var time = Math.floor(date / (1000 * 60 * 60 * 24));
    if (time >= 0) ;
    document.write("<li><font color=#DEDBDE>现在离2013年" + times + "还有: <font color=red><b>" + time + "</b></font> 天</font></li>");
</Script>  
 

4.复杂版倒计时，带毫秒

 代码如下 复制代码

<script language="JavaScript" type="text/javascript">
    function d<span class='wp_keywordlink_affiliate'><a href="tag/js" title="查看 js 中的全部文章" target="_blank">js</a></span>() {
        var urodz = new Date("11/12/2008");
        var now = new Date();
        var num
        var ile = urodz.getTime() - now.getTime();
        var dni = Math.floor(ile / (1000 * 60 * 60 * 24));
        if (dni > 1)
            num = dni + 1
        else
        if (dni == 1)
            num = 2
        else
        if (dni == 0)
            num = 1
        else
            num = 0
        document.write(num)
    }
</script>

距某某开幕式还有 [
<script language="JavaScript" type="text/javascript">d<span class='wp_keywordlink_affiliate'><a href="tag/js" title="查看 js 中的全部文章" target="_blank">js</a></span>()</script>] 天

第五个：Javascript倒计时器 - 采用系统时间自校验
这次利用系统时间自校验倒计时, 无需手工调校使得倒计时更为精确, 代码及详细注释如下:

 代码如下 复制代码

<span id="clock">00:01:11:00</span>
<input id="startB" type="button" value="start countdown!" onclick="run()">
<input id="endB" type="button" value="stop countdown!" onclick="stop()">
<br>
<input id="diff" type="text">
<input id="next" type="text">
<script language="Javascript">
       var normalelapse = 100;
    var nextelapse = normalelapse;
    var counter;
    var startTime;
    var start = clock.innerText;
    var finish = "00:00:00:00";
    var timer = null;

    // 开始运行  
    function run() {
        startB.disabled = true;
        endB.disabled = false;
        counter = 0;
// 初始化开始时间  
        startTime = new Date().valueOf();

// nextelapse是定时时间, 初始时为100毫秒  
// 注意setInterval函数: 时间逝去nextelapse(毫秒)后, onTimer才开始执行  
        timer = window.setInterval("onTimer()", nextelapse);
    }

    // 停止运行  
    function stop() {
        startB.disabled = false;
        endB.disabled = true;
        window.clearTimeout(timer);
    }

    window.onload = function () {
        endB.disabled = true;
    }

    // 倒计时函数  
    function onTimer() {

        if (start == finish) {
            window.clearInterval(timer);
            alert("time is up!");
            return;
        }

        var hms = new String(start).split(":");
        var ms = new Number(hms[3]);
        var s = new Number(hms[2]);
        var m = new Number(hms[1]);
        var h = new Number(hms[0]);

        ms -= 10;
        if (ms < 0) {
            ms = 90;
            s -= 1;
            if (s < 0) {
                s = 59;
                m -= 1;
            }

            if (m < 0) {
                m = 59;
                h -= 1;
            }
        }

        var ms = ms < 10 ? ("0" + ms) : ms;
        var ss = s < 10 ? ("0" + s) : s;
        var sm = m < 10 ? ("0" + m) : m;
        var sh = h < 10 ? ("0" + h) : h;

        start = sh + ":" + sm + ":" + ss + ":" + ms;
        clock.innerText = start;

// 清除上一次的定时器  
        window.clearInterval(timer);

// 自校验系统时间得到时间差, 并由此得到下次所启动的新定时器的时间nextelapse  
        counter++;
        var counterSecs = counter * 100;
        var elapseSecs = new Date().valueOf() - startTime;
        var diffSecs = counterSecs - elapseSecs;
        nextelapse = normalelapse + diffSecs;
        diff.value = counterSecs + "-" + elapseSecs + "=" + diffSecs;
        next.value = "nextelapse = " + nextelapse;
        if (nextelapse < 0) nextelapse = 0;

// 启动新的定时器  
        timer = window.setInterval("onTimer()", nextelapse);
    }
</script>
时间： 2024-10-31 14:56:17

Javascript倒计时常用代码大全的相关文章

javascript 常用代码大全

javascript //打开模式对话框 function doSelectUser(txtId) {       strFeatures="dialogWidth=500px;dialogHeight=360px;center=yes; middle=yes ;help=no;status=no;scroll=no";       var url,strReturn;         url="selUser.aspx";               strRet

PHP常用代码大全(新手入门必备)_php基础

1.连接MYSQL数据库代码 <?php $connec=mysql_connect("localhost","root","root") or die("不能连接数据库服务器: ".mysql_error()); mysql_select_db("liuyanben",$connec) or die ("不能选择数据库: ".mysql_error()); mysql_query

SQL MSSQL 常用代码大全

/*********************************************************/ function:SQL MSSQL TECHNOLOGY ARTICLE file :SQL-MSSQL.TXT author :chinayaosir QQ:44633197 Tools :MSSQL QUERY ANALYSIS date :4/01/2010 blog :http://blog.csdn.net/chinayaosir note :禁止其它网站转载此文章

JavaScript正则表达式常用代码整理(1/4)

匹配结尾的数字 来源:如何用 javascript 正则表达式 取出字符串最后一组数字,谢谢 如 30CAC0040 取出40 3SFASDF92 取出92  正则如下:/d+$/g统一空格个数 来源:正则匹配空格的问题 字符串内字符键有空格,但是空格的数量可能不一致,通过正则将空格的个数统一变为一个. 例如:蓝 色  理    想 变成:蓝 色 理 想 aobert的正则:  代码如下 复制代码  <script type="text/javascript">  var

SQL MSSQL 常用代码大全_MsSql

/*********************************************************/ function:SQL MSSQL TECHNOLOGY ARTICLE file :SQL-MSSQL.TXT author :chinayaosir QQ:44633197 Tools :MSSQL QUERY ANALYSIS date :4/01/2010 blog :http://blog.csdn.net/chinayaosir note :禁止其它网站转载此文章

javascript倒计时效果代码，可以方便参数调用_时间日期

距5.1(女友生日)还有: 距国家公务员考试还有(12.9): 距奥运会还有(8.8-20:08):

值得收藏的iOS开发常用代码块_IOS

遍历可变数组的同时删除数组元素 NSMutableArray *copyArray = [NSMutableArray arrayWithArray:array]; NSString *str1 = @"zhangsan"; for (AddressPerson *perName in copyArray) { if ([[perName name] isEqualToString:str1]) { [array removeObject:perName]; } } 获取系统当前语言

javascript 四十条常用技巧大全_javascript技巧

1. 将彻底屏蔽鼠标右键 oncontextmenu="window.event.returnValue=false" < table border oncontextmenu=return(false)>< td>no< /table> 可用于 Table 2. 取消选取.防止复制 <span class="tag" style="color:rgb(0,0,128)">< <span

常用JS图片滚动（无缝、平滑、上下左右滚动）代码大全(推荐)_javascript技巧

废话不多说了,直接给大家贴代码了,具体代码如下所示: <head> <-----> </head> <body> <!--向下滚动代码开始--> <div id="colee" style="overflow:hidden;height:253px;width:410px;"> <div id="colee1"> <p><img src=&quo