zoukankan      html  css  js  c++  java
  • js 倒计时(可自定义时间)

    原文 链接 http://www.cnblogs.com/liygheart/p/3605160.html

    <html>
        <head>
            <title>js 倒计时</title>
        </head>
        <body>
            <div>
                <h4>距离<input type="text" id="inputdate" value="2014-4-5"/> <button onclick="djs()">还有</button></h4>
                <div id="left"> </div>
            </div>
        </body>
    </html>
    <script LANGUAGE="javascript">
        djs();
        var timerID = null;
        var timerRunning = false;
        var year, month, day;
        function djs () {
            var inputdate = document.getElementById("inputdate").value;
            var splitdate = inputdate.split("-");
            year = splitdate[0];
            month = splitdate[1];
            day = splitdate[2];
            startclock();
        }
        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();
            NowYear=1900+NowYear;
            Today = null;
            Hourleft = 23 - NowHour
            Minuteleft = 59 - NowMinute
            Secondleft = 59 - NowSecond
            Yearleft = year - NowYear
            Monthleft = month - NowMonth - 1
            Dateleft = day - 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.getElementById("left").innerHTML=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>
    

    运行后效果:

  • 相关阅读:
    第九章 jQuery验证插件简介
    第八章 jQuery与Ajax应用
    第七章 jQuery操作表格及其它应用
    [wpf笔记] 1.xaml
    [2014-10-11]wpf数据绑定
    [2014-9-15]异步委托线程高级
    [2014-9-13]委托多线程
    [2014-9-12]多线程
    [2014-9-11]异步编程继续
    [2014-9-10]异步编程
  • 原文地址:https://www.cnblogs.com/sharecenter/p/5627779.html
Copyright © 2011-2022 走看看