zoukankan      html  css  js  c++  java
  • js实现活动倒计时

    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();
        };
  • 相关阅读:
    markdown语法
    基于Vue 使用threejs导入gltf动画模型
    创建Vue项目
    一个简单的特效
    网页五--html插入表格
    网页四--按钮反应
    网页三
    简单的页面
    一个能实现超链接的最简单程序
    计算机基本配置和作用
  • 原文地址:https://www.cnblogs.com/Smiled/p/9111713.html
Copyright © 2011-2022 走看看