网站首页  汉语字词  英语词汇  考试资料  写作素材  旧版资料

请输入您要查询的考试资料：

　

标题 js简单倒计时实现代码
内容
    这篇文章主要介绍了js简单倒计时实现代码,涉及JavaScript时间与日期的相关运算技巧,需要的朋友可以参考下
    本文实例讲述了js简单倒计时实现代码。分享给大家供大家参考，具体如下：
    <div>
     距离活动结束还有<span id="day"></span>天
     <span id="hours"></span>小时
     <span id="min"></span>分
     <span id="sec"></span>秒
    </div>
    <script type="text/javascript">
    var day = document.getElementById("day");
    var hours = document.getElementById("hours");
    var min = document.getElementById("min");
    var sec = document.getElementById("sec");
    var DifferenceHour = -1;
    var DifferenceMinute = -1;
    var DifferenceSecond = -1;
    //var Tday = new Date("07 20,2016 10:00:00")  //**倒计时时间点-注意格式
    var Tday = new Date("07/20/2016 10:00:00");  //IE:月/日/年
    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) {
     day.innerHTML = DifferenceHour;
     }
     if (convertMinute != DifferenceMinute) {
     hours.innerHTML = DifferenceMinute;
     }
     if (convertSecond != DifferenceSecond) {
     min.innerHTML = DifferenceSecond;
     }
     sec.innerHTML = dSecs;
     // document.formnow.Tnow.value= DifferenceHour DifferenceMinute + DifferenceSecond + dSecs
     setTimeout("clock()", 1000);
    }
    clock();
    </script>
    希望本文所述对大家JavaScript程序设计有所帮助。
随便看

　

在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。

　

Copyright © 2002-2024 cuapp.net All Rights Reserved
更新时间：2025/5/17 6:46:34