倒计时

作者: _Damon | 来源:发表于2018-12-05 10:56 被阅读0次
<div id="remainTime" style="font-size:20px;font-weight:800;color:#FF9900"></div>

<script type="text/javascript">

    $(function(){

var now=new Date();

        var end=new Date(2018,12,3,16,10,00);//结束的时间:年,月,日,分,秒(月的索引是0~11)

        /*两个时间相减,得到的是毫秒ms,变成秒*/

        var result=Math.floor(end-now)/1000;

        var interval=setInterval(sub,1000); //定时器 调度对象

        /*封装减1秒的函数*/

        function sub(){

if (result>1) {

result =result -1;

                var second = Math.floor(result %60);    // 计算秒 ,取余

                var minite = Math.floor((result /60) %60); //计算分 ,换算有多少分,取余,余出多少秒

                var hour = Math.floor((result /3600) %24); //计算小时,换算有多少小时,取余,24小时制除以24,余出多少小时

                var day = Math.floor(result /(3600*24));  //计算天 ,换算有多少天

                $("#remainTime").html(day +"天" +hour +"小时" +minite +"分" +second +"秒");

            }else{

alert("倒计时结束!");

                window.clearInterval(interval);//这里可以添加倒计时结束后需要执行的事件

            }

};

    });

</script>

相关文章

  • 倒计时

    新年倒计时…中考倒计时…高考倒计时…告别学生倒计时…假期倒计时…睡觉倒计时…起床倒计时… 生活中,很多与我们息息相...

  • 倒计时不仅使我们焦躁,还可以使我们振奋啊

    中考倒计时,高考倒计时, 倒计时100天 倒计时50天 倒计时10天 倒计时5天 ........ 这个场景想必在...

  • 倒计时

    文/木子 开学倒计时了 爸妈回去倒计时了 教师节倒计时了 国庆节倒计时了 小儿12岁倒计时了 寒假倒计时了 元旦倒...

  • wordlist 13

    倒计时倒计时

  • wordlist 11

    倒计时倒计时

  • van-count-down 倒计时相关问题

    1. 倒计时重置问题 背景:业务需要在开启倒计时、暂停、恢复倒计时实时判断是否展示倒计时,并重置倒计时 问题:直接...

  • iOS开发-倒计时

    倒计时 倒计时60s 倒计时HH-MM-SS 1.倒计时60s 很多时候在点击按钮发送短信的时候需要倒计时读秒 2...

  • 10.27

    倒计时第一天,倒计时7,好想赶快到倒计时1。

  • 1小时倒计时

    倒计时 目前我们内部用的比较多的倒计时:一个小时的倒计时、12个小时的倒计时。 examinePassTime:审...

  • js中date倒计时

    获取倒计时之前,我们不妨先来看怎样获取当前时间吧!!! 获取倒计时 1、实现倒计时功能2、倒计时结束按钮可被点击,...

网友评论

      本文标题:倒计时

      本文链接:https://www.haomeiwen.com/subject/cpjicqtx.html