美文网首页
2022-09-17 简单倒计时

2022-09-17 简单倒计时

作者: 啊敏 | 来源:发表于2022-09-16 11:37 被阅读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>

    相关文章

      网友评论

          本文标题:2022-09-17 简单倒计时

          本文链接:https://www.haomeiwen.com/subject/klzsortx.html