栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

如何倒计时

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

如何倒计时

作为正常的javascript,它工作正常。

<script>var end = new Date('02/19/2012 10:1 AM');    var _second = 1000;    var _minute = _second * 60;    var _hour = _minute * 60;    var _day = _hour * 24;    var timer;    function showRemaining() {        var now = new Date();        var distance = end - now;        if (distance < 0) { clearInterval(timer); document.getElementById('countdown').innerHTML = 'EXPIRED!'; return;        }        var days = Math.floor(distance / _day);        var hours = Math.floor((distance % _day) / _hour);        var minutes = Math.floor((distance % _hour) / _minute);        var seconds = Math.floor((distance % _minute) / _second);        document.getElementById('countdown').innerHTML = days + 'days ';        document.getElementById('countdown').innerHTML += hours + 'hrs ';        document.getElementById('countdown').innerHTML += minutes + 'mins ';        document.getElementById('countdown').innerHTML += seconds + 'secs';    }    timer = setInterval(showRemaining, 1000);</script><div id="countdown"></div>

您的输出显示如下:-

1days 9hrs 3mins 22secs

更新

使用功能:

<script>    CountDownTimer('02/19/2012 10:1 AM', 'countdown');    CountDownTimer('02/20/2012 10:1 AM', 'newcountdown');    function CountDownTimer(dt, id)    {        var end = new Date(dt);        var _second = 1000;        var _minute = _second * 60;        var _hour = _minute * 60;        var _day = _hour * 24;        var timer;        function showRemaining() { var now = new Date(); var distance = end - now; if (distance < 0) {     clearInterval(timer);     document.getElementById(id).innerHTML = 'EXPIRED!';     return; } var days = Math.floor(distance / _day); var hours = Math.floor((distance % _day) / _hour); var minutes = Math.floor((distance % _hour) / _minute); var seconds = Math.floor((distance % _minute) / _second); document.getElementById(id).innerHTML = days + 'days '; document.getElementById(id).innerHTML += hours + 'hrs '; document.getElementById(id).innerHTML += minutes + 'mins '; document.getElementById(id).innerHTML += seconds + 'secs';        }        timer = setInterval(showRemaining, 1000);    }</script><div id="countdown"></div><div id="newcountdown"></div>

输出将如下所示:-

0days 23hrs 25mins 8secs

1days 23hrs 25mins 8secs



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/411430.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号