前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >js实现活动倒计时

js实现活动倒计时

作者头像
李文杨
发布2018-08-01 11:38:56
6K0
发布2018-08-01 11:38:56
举报
文章被收录于专栏:搞前端的李蚊子
代码语言:javascript
复制
let startTime = 1527647143949; // 开始时间
    var time = new Countdown('timer',startTime);
    function Countdown (el,startTime) {
        this.startTime = startTime || '';
        this.el = el || '';
        // 轮询计算时间
        this.loop = function () {
            var that = this;
            setInterval(function(){
                that.init();
            },1000);
        };
        // 格式化时分秒
        this.formatDuring = function (mss) {
            var hours = parseInt((mss % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
            var minutes = parseInt((mss % (1000 * 60 * 60)) / (1000 * 60));
            var seconds = parseInt((mss % (1000 * 60)) / 1000);
            return hours + ": " + (minutes < 10 ? '0'+minutes : minutes) + ": " + (seconds < 10 ? '0'+seconds : seconds);
        };
        // 初始化倒计时
        this.init = function () {
            var endTime = this.startTime+(24*60*60*1000); // 结束时间 
            var timeLeft = endTime - new Date().getTime(); // 剩余时间
            document.getElementById(this.el).innerHTML = this.formatDuring(timeLeft);
            this.loop();
        };
        this.init();
    };
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018-05-30 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档