倒计时 案例

 这是第一个方法:

    <script>

        let box = document.querySelector(".container>ul");
        let lis = document.querySelectorAll("li");
        // console.log(lis[3]);
        
        /* 
            1.先获取 当前时间  再定义未来时间
            2.倒计时会把总 时间转换成毫秒,那么就要先计算,列个算法
            3.来个定时器  再来个循环时间函数式子
            4.最后判断 时间结束后停止倒计时   time===0
        */
        
        let future = new Date("2022-06-30 20:25:00");  //未来时间
        

        let times = null;   //清空时间
        clearTimeout(times);

        
        
        timer = setInterval(containerTime,1000);
        // console.log(timer);

        function containerTime(){

            let time = new Date();//当前时间
            let calc = parseInt((future - time) / 1000);      //计算总秒数
            
            // console.log();
            if(calc >= 0){

                let day = parse
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值