zoukankan      html  css  js  c++  java
  • JS实现简单倒计时

    
    
    /*倒计时*/
    lcf.downTime =  function (endTime,obj,callback){
        /*基本判断*/
        if(!endTime || typeof endTime !== "string") return false;
        /*基本判断*/
        if(!obj || typeof obj !== "object") return false;
        /*获取日期的毫秒*/
        var endTime = Date.parse(endTime);
        /*定时器*/
       var timer = setInterval(function () {
            var nowTime  = +new Date();
            /*2个时间的差 毫秒*/
            var minus =endTime - nowTime;
            /*相差的天数*/
            var day = parseInt(minus/1000/60/60/24);
            /*相差的小时*/
            var hours = parseInt(minus/1000/60/60%24);
            /*相差的分钟*/
            var mintue = parseInt(minus/1000/60%60);
            /*获取相差的秒*/
            var second = parseInt(minus/1000%60);
            if(minus<=0){
                clearInterval(timer);
                day =0;
                hours =0;
                mintue =0;
                second =0;
            }else{
                obj[0].innerHTML = parseInt(hours/10);
                obj[1].innerHTML = hours%10;
                obj[3].innerHTML = parseInt(mintue/10);
                obj[4].innerHTML = mintue%10;
                obj[6].innerHTML = parseInt(second/10);
                obj[7].innerHTML = second%10;}
        },1000);
    
        callback && callback();
    };
    View Code
    
    
    
    /*倒计时*/
    lcf.downTime =  function (endTime,obj,callback){
        /*基本判断*/
        if(!endTime || typeof endTime !== "string") return false;
        /*基本判断*/
        if(!obj || typeof obj !== "object") return false;
        /*获取日期的毫秒*/
        var endTime = Date.parse(endTime);
        /*定时器*/
       var timer = setInterval(function () {
            var nowTime  = +new Date();
            /*2个时间的差 毫秒*/
            var minus =endTime - nowTime;
            /*相差的天数*/
            var day = parseInt(minus/1000/60/60/24);
            /*相差的小时*/
            var hours = parseInt(minus/1000/60/60%24);
            /*相差的分钟*/
            var mintue = parseInt(minus/1000/60%60);
            /*获取相差的秒*/
            var second = parseInt(minus/1000%60);
            if(minus<=0){
                clearInterval(timer);
               return false;
            }else{
                obj[0].innerHTML = parseInt(hours/10);
                obj[1].innerHTML = hours%10;
                obj[3].innerHTML = parseInt(mintue/10);
                obj[4].innerHTML = mintue%10;
                obj[6].innerHTML = parseInt(second/10);
                obj[7].innerHTML = second%10;}
        },1000);
    
        callback && callback();
    };
  • 相关阅读:
    Docker(二十一)-Docker Swarm集群部署
    Docker(十八)-Docker配置DNS
    Docker(十七)-修改Docker容器启动配置参数
    Docker(十六)-Docker的daemon.json的作用
    JavaScript实现无缝滚动 原理详细讲解
    JS 数字 、中文、 英文、判断
    JS常用属性方法大全
    vue.js插件使用(01) vue-resource
    Vue.js常见问题
    web前端开发必备技术
  • 原文地址:https://www.cnblogs.com/lcf1314/p/5679820.html
Copyright © 2011-2022 走看看