倒计时利用Date()方法来实现

最新推荐文章于 2022-10-04 23:02:39 发布

wind-Code

最新推荐文章于 2022-10-04 23:02:39 发布

阅读量314

点赞数

分类专栏： javaScript 文章标签： javascript vue.js 前端

本文链接：https://blog.csdn.net/mastercao/article/details/123410460

版权

javaScript 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        //转换公式
        // d = parseInt(总秒数/60/60/24);  计算天数
        // h = parseInt(总秒数/60/60 % 24); 计算小时
        // m = parseInt(总秒数/60%60);     计算分数
        // s = parseInt(总秒数%60);        计算当前秒数
        
        // 获得Date总的毫秒数(时间戳)
        //第一种  用valueof()  getTime()
        var date = new Date();
        console.log(date.valueOf());
        console.log(date.getTime());

        // 第二种  简单的写法 +new Date()  返回的是总的毫秒数
        var date1 = +new Date();
        console.log(date1);

        // 第三种 H5新增的 获得总的毫秒数的方法 Date.now()
        
        console.log(Date.now());

        function countDown(time) {
            var nowTime = +new Date();  //  返回一个当前时间的总毫秒数
            var inputTime = +new Date(time);     //  返回用户输入时间的总毫秒数
            times = (inputTime - nowTime) / 1000;  // times是剩余时间总的毫秒
            d = parseInt(times/60/60/24);  // 计算天数
            h = parseInt(times/60/60 % 24); // 计算小时
            m = parseInt(times/60%60);     // 计算分数
            s = parseInt(times%60);        // 计算当前秒数
            return d + '天' + h + '小时' + m + '分' + s + '秒'
        }
        console.log(countDown('2022-3-10 23:05:01'));
    </script>
</head>
<body>
    
</body>
</html>

计时器倒计时时间戳