倒计时案例

最新推荐文章于 2024-07-26 11:41:15 发布

茶卡丶小雨

最新推荐文章于 2024-07-26 11:41:15 发布

阅读量280

点赞数

文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/qq_67674653/article/details/124811003

版权

这是第一个方法：

    <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