zoukankan      html  css  js  c++  java
  • javascript日期时间倒计时集合

    javascript日期时间倒计时集合

    1  2  3  4

    1.

    <!-- 把如下代码加入<head>区域中 -->
    <script language="JavaScript">
    <!-- //more javascript from http://www.alixixi.com/
    var DifferenceHour = -1
    var DifferenceMinute = -1
    var DifferenceSecond = -1
    //var Tday = new Date("Dec 1, 2012 00:00:01")   var Tday = new Date("12/1/2012 0: 0: 1")        var Tday = new Date("12-1-2012 0: 0: 1")
    var Tday = new Date("12-1-2012 0: 0: 1")
    var daysms = 24 * 60 * 60 * 1000
    var hoursms = 60 * 60 * 1000
    var Secondms = 60 * 1000
    var microsecond = 1000

    function clock()
    {
    var time = new Date()
    var hour = time.getHours()
    var minute = time.getMinutes()
    var second = time.getSeconds()
    var timevalue = ""+((hour > 12) ? hour-12:hour)
    timevalue +=((minute < 10) ? ":0":":")+minute
    timevalue +=((second < 10) ? ":0":":")+second
    timevalue +=((hour >12 ) ? " PM":" AM")
    // document.formnow.now.value = timevalue
    var convertHour = DifferenceHour
    var convertMinute = DifferenceMinute
    var convertSecond = DifferenceSecond
    var Diffms = Tday.getTime() - time.getTime()
    DifferenceHour = Math.floor(Diffms / daysms)
    Diffms -= DifferenceHour * daysms
    DifferenceMinute = Math.floor(Diffms / hoursms)
    Diffms -= DifferenceMinute * hoursms
    DifferenceSecond = Math.floor(Diffms / Secondms)
    Diffms -= DifferenceSecond * Secondms
    var dSecs = Math.floor(Diffms / microsecond)
    if(convertHour != DifferenceHour) document.formnow.dd.value=DifferenceHour
    if(convertMinute != DifferenceMinute) document.formnow.hh.value=DifferenceMinute
    if(convertSecond != DifferenceSecond) document.formnow.mm.value=DifferenceSecond
    document.formnow.ss.value=dSecs
    // document.formnow.Tnow.value= DifferenceHour DifferenceMinute + DifferenceSecond + dSecs
    setTimeout("clock()",1000)
    }
    // end hiding -->

    </script>

    <!-- 修改<body>内容 -->
    <body onload="clock();return true">
    <!-- 把如下代码加入<body>区域中 -->

    <form name="formnow">
    还剩<input type="text" name="dd" size=2> 天
    <input type="text" name="hh" size=2> 小時
    <input type="text" name="mm" size=2> 分
    <input type="text" name="ss" size=2> 秒就到2012年12月1日 00:00:01啦!
    </form>
    说明:<br/>
    各月份中英文对照<br/><br/>

    一月 January<br/>

    二月 February<br/>

    三月 March<br/>

    四月 April<br/>

    五月 May
    <br/>
    六月 Jun<br/>

    七月 July<br/>

    八月 August<br/>

    九月 September<br/>

    十月 October<br/>

    十一月 November<br/>

    十二月 December
    <br />

    ************************************************

    <br />
    2.

    <SCRIPT LANGUAGE="JavaScript" src="js/jquery-min.js"></SCRIPT>
    <DIV ID="RemainD" CLASS=""></DIV>
    <DIV ID="RemainD1" CLASS=""></DIV>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
        var starttime = starttime2 = 0;
        var currentTime = new Date();
        function startServerTime() {

            $.get("http://phpup.net/time.php?random=" + Math.random(), function(data) {
                starttime = starttime2 = data;
            });
        }
        function showServerTime(obj) {
            currentTime.setTime(starttime);
            setTimeout(function() { showServerTime(obj) }, 1);
            $('#' + obj).html(currentTime.getYear() + '年' + (currentTime.getMonth() * 1 + 1) + '月' + currentTime.getDate() + '日' + currentTime.getHours() + ':' + currentTime.getMinutes() + ':' + currentTime.getSeconds() + ':' + currentTime.getMilliseconds()
    + "<br/>");//       

     starttime = starttime * 1 + 16.6;
        }

        function diffTime(lasttime, obj) {
            setTimeout(function() { diffTime(lasttime, obj) }, 1);
            var endtime = new Date(lasttime);
            var nMS = endtime - starttime2;
            var nD = Math.floor(nMS / 86400000);

            var nH = Math.floor((nMS - nD * 86400000) / (3600000));

            var nM = Math.floor((nMS - nD * 86400000 - nH * 3600000) / 60000);

            var nS = Math.floor((nMS - nD * 86400000 - nH * 3600000 - nM * 60000) / 1000);

            var mS = Math.floor(nMS - nD * 86400000 - nH * 3600000 - nM * 60000 - nS * 1000);
            $("#" + obj).html('距' + lasttime + '还有' + nD + '天' + nH + '时' + nM + '分' + nS + '秒' + mS + '毫秒');//
            starttime2 = starttime2 * 1 + 16.6;

     }


     startServerTime();
     diffTime('12/1/2012','RemainD1');
     showServerTime('RemainD');
    //-->
    </SCRIPT><br/>

    ************************************************

    <br />
    3.

    <!--单位:秒-->
    剩余时间:<span id="endtime">10</span>
    <script type="text/javascript">
        var CID = "endtime";
        if (window.CID != null) {
            var iTime = document.getElementById(CID).innerText;
            var Account;
            RemainTime();
        }
        function RemainTime() {
            var iDay, iHour, iMinute, iSecond;
            var sDay = "", sHour = "", sMinute = "", sSecond = "", sTime = "";
            if (iTime >= 0) {
                iDay = parseInt(iTime / 24 / 3600);
                if (iDay > 0) {
                    sDay = iDay + "天";
                }
                iHour = parseInt((iTime / 3600) % 24);
                if (iHour > 0) {
                    sHour = iHour + "小时";
                }
                iMinute = parseInt((iTime / 60) % 60);
                if (iMinute > 0) {
                    sMinute = iMinute + "分钟";
                }
                iSecond = parseInt(iTime % 60);
                if (iSecond >= 0) {
                    sSecond = iSecond + "秒";
                }
                if ((sDay == "") && (sHour == "")) {
                    sTime = "<span style='color:darkorange'>" + sMinute + sSecond + "</font>";
                }
                else {
                    sTime = sDay + sHour + sMinute + sSecond;
                }
                if (iTime == 0) {
                    clearTimeout(Account);
                    sTime = "<span style='color:green'>时间到了!</span>";
                }
                else {
                    Account = setTimeout("RemainTime()", 1000);
                }
                iTime = iTime - 1;
            }
            else {
                sTime = "<span style='color:red'>倒计时结束!</span>";
        }
        document.getElementById(CID).innerHTML = sTime;
    }
    </script><br/>

    *******************************************************************
    <br />

    4.

    <!--将以下代码加入HTML的<Body></Body>之间-->

        <script type="text/javascript">
            function setcountdown(theyear, themonth, theday) {
                yr = theyear; mo = themonth; da = theday
            }

            //设置到期日
            setcountdown(2009, 1, 1);
            var occasion = "2009年1月1日"
           
            var message_on_occasion = "盼望已久的时刻终于来到了!"
           
           
            //样式
            var countdownwidth = '480px'
            var countdownheight = '20px'
            var countdownbgcolor = 'tan'
            var opentags = '<font face="宋体"><small>'
            var closetags = '</small></font>'
           
           
           
           
            //月份
            var montharray = new Array("Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec")
            var crosscount = ''
           
           
            //开始倒计时
            function start_countdown() {
                if (document.layers)
                    document.countdownnsmain.visibility = "show"
                else if (document.all || document.getElementById)//浏览器如果支持document.all或支持document.getElementById
                    crosscount = document.getElementById && !document.all ? document.getElementById("countdownie") : countdownie
                countdown()
            }

            if (document.all || document.getElementById)
                document.write('<span id="countdownie" style="' + countdownwidth + '; background-color:' + countdownbgcolor + '"></span>')

            window.onload = start_countdown

            //倒计时函数
            function countdown() {
                var today = new Date()
               
               
                var todayy = today.getYear()//年
                if (todayy < 1000)
                    todayy += 1900
                var todaym = today.getMonth()//月
                var todayd = today.getDate()//日
                var todayh = today.getHours()//时
                var todaymin = today.getMinutes()//分
                var todaysec = today.getSeconds()//秒


                var todaystring = montharray[todaym] + " " + todayd + ", " + todayy + " " + todayh + ":" + todaymin + ":" + todaysec//今日时间字符串
                futurestring = montharray[mo - 1] + " " + da + ", " + yr//未来时间字符串

  • 相关阅读:
    2019.6.20刷题统计
    36 线程 队列 守护线程 互斥锁 死锁 可重入锁 信号量
    35 守护进程 互斥锁 IPC 共享内存 的方式 生产者消费者模型
    34 进程 pid ppid 并发与并行,阻塞与非阻塞 join函数 process对象 孤儿进程与僵尸进程
    33 udp 域名 进程
    32 粘包 文件传输
    31 socket客户端. 服务器 异常 语法
    30 网络编程
    29 元类 异常
    26 封装 反射 常用内置函数
  • 原文地址:https://www.cnblogs.com/sgivee/p/1802899.html
Copyright © 2011-2022 走看看