2022-09-17 简单倒计时

2022-09-16  本文已影响0人  啊敏
获取时间戳的方法
    var date=new Date();//获得当前的时间
    var date1=Date.now();//获得当前的时间的时间戳
    var date2=new Date('2021-09-17 12:42:00');//获得指定的时间的时间戳  可以写成计时或者计算未来的倒计时
    console.log(date.getTime());//转换为时间戳
    console.log(date1);
    console.log(date2.getTime());//转换指定时间的时间戳

下面是简单的倒计时

// 例如:计算当前时间和未来2022-09-17 12:42:00的倒计时
   <script>
// 定时器 ,每隔一秒执行一次
 setInterval('getDate("2022-09-17 13:42:00")',1000)
    
  
    function getDate(item){
        var date1=new Date().getTime();//获得当前的时间   换算为时间戳
        var date2=new Date(item).getTime();//获得指定的时间的时间戳
        // 换算为时间戳  可以写成计时或者计算未来的倒计时
        // 计算时间戳之间的差  换算成秒
        var date=(date2-date1)/1000;
        // 换算为时分秒....
        var  h =parseInt(date/60/60%24)
        h=h<10?'0'+h:h
        var  m =parseInt(date/60%60)
        m=m<10?'0'+m:m
        var  s =parseInt(date%60)
        s=s<10?'0'+s:s
        console.log( `${h} : 时 ${m} : 分 ${s} 秒`);

      //如果想要与页面交互,则写返回值
        // return `${h} : 时 ${m} : 分 ${s} 秒`
    }
    //先调用一次,可以避免在打开界面后停一秒后才开始倒计时
    getDate('2022-09-17 13:42:00');
</script>
上一篇下一篇

猜你喜欢

热点阅读