js实现倒计时

 //倒计时

function gotime(y,m,d){                                                        //写个函数体
    var new_day =new Date();                                                   //现在时间
    var futrue_day =new Date(y,m-1,d);                                         //未来时间
    var cha =futrue_day - new_day;                                             //时间差
    var day = Math.floor( cha / 1000 / 60 / 60 /24);                           //获得的是毫秒数,转换为天数,再向下取整
    var hour = Math.floor(cha / 1000 /60 /60 %24);                             //获得的是毫秒数,转换为小时数,再向下取整
    var minutes = Math.floor(cha /1000 /60 %60);                               //获得的是毫秒数,转换为分钟数,再向下取整
    var second = Math.floor(cha /1000 %60);                                    //获得的是毫秒数,转换为秒数,再向下取整
    return `距离过年${day<10? "0"+day:day}天${hour<10? "0"+hour:hour}           
    时${minutes<10? "0"+minuter:minutes}分${second<10? "0"+second:second}秒`;}  //把他拼接起来,并且如果天小时分钟秒数小于10,就拼接个0
    var h1 =document.getElementById("times");                                      //获取装它的容器
    var nt =gotime(2020,1,20);                                                     //未来时间起个名
    h1.innerHTML =nt;                                                          //写入html中
    setInterval(function(){                                                        //用定时来执行,每秒写入一次
       var nt =gotime(2019,12,20);
       h1.innerHTML =nt;
    },1000)
console.log(gotime(2019,12,20));   

思路:
获取到当前时间与未来的时间差,获取到的是时间差的毫秒数,把它通过向下取整转换为需要的天数,小时数,分钟数,秒数,把结果拼接起来,再写入html中,用定时器每秒写入一次。

你可能感兴趣的:(js实现倒计时)