js倒计时

window.onload = function(){
//活动第二天要将页面下线,直接跳转到其它页面,不会走后面的代码了
// window.location.href = "http://www.baidu.com";

        var oDiv = document.getElementById('div1');

        function timeLeft(){
            //实际开发中此时间从服务器获取,避免客户端调整时间
            var now = new Date();
            var future = new Date(2018,5,20,16,30,20);

            // alert(future - now);//弹出与当前时间相差的毫秒数:12469935436
            var milli = parseInt((future - now)/1000);

            //活动当天页面下线,避免倒计时到点后继续计负时
            // if(milli <= 0){
            //  //页面跳转,不执行下面的代码了
            //  window.location.href = "http://www.baidu.com";
            // }

            var day = parseInt(milli / 86400);
            var hour = parseInt(milli % 86400 / 3600);
            var minute = parseInt(((milli % 86400) % 3600) / 60);
            var second = milli % 60;

            oDiv.innerHTML = '距离2018年11月12日00时00分00秒还有' + day + '天' + toDouble(hour) + '时' + toDouble(minute) + '分' + toDouble(second) + '秒';
        }
        
        timeLeft();
        setInterval(timeLeft, 1000);
    }

    function toDouble(num){
        if(num < 10){
            return '0' + num;
        }else{
            return num;
        }
    }
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 功能描述: 数据库add_time+5分钟倒计时,是否等于数据库add_time index页会有很多条数据: 做...
    小瞪瞪阅读 811评论 0 0
  • 在开发过程中发现到我们锁屏或切到后台以后,h5界面写的js倒计时停止,不想通过原生监听,解决此问题尝试方法如下 1...
    非小惰阅读 6,203评论 0 4
  • 在手机版网页中做倒计时(使用服务端时间来倒计时)我们需要考虑到两个问题:1、避免频繁的取服务端时间,2、手机处于锁...
    qzuser_5ed6阅读 1,395评论 0 2
  • /** * 倒计时30s发送心跳 * */ getCode:function () { const TIME_CO...
    静_c540阅读 323评论 0 0
  • var hourtime=prompt("输入下班时间,如下: ","17:30:00"); function d...
    eyuxiog阅读 465评论 0 0

友情链接更多精彩内容