js：倒计时（输入文本自动计算+默认国庆倒计时）

最新推荐文章于 2022-07-23 16:09:03 发布

AC_QI

最新推荐文章于 2022-07-23 16:09:03 发布

阅读量340

点赞数

分类专栏：小工具

本文链接：https://blog.csdn.net/m0_60297110/article/details/120272151

版权

javascript html

小工具专栏收录该内容

9 篇文章 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>
</head>

<body>
    <div>
        <div id='over'>输入倒计时时间：
            <input id="inp" type="text" value="2021-11-1 0:0:0" placeholder='格式：2021-10-1 0:0:0'>
            <div id="inputOver">距现在倒计时：</div>
        </div>
        <div id='timeo'></div>
    </div>
    <script>
        function timeOver() {
            var d = new Date();
            var over = document.getElementById('over');
            var timeo = document.getElementById('timeo');
            var overD = new Date('2021-10-01 0:0:0');
            // console.log(overD.getTime());//1630425600000
            // console.log(d.getTime());//1631522112706
            var qaq = overD.getTime() - d.getTime();
            var D = Math.floor(qaq / 1000 / 60 / 60 / 24);
            var h = Math.floor(qaq / 1000 / 60 / 60 % 24);
            var m = Math.floor(qaq / 1000 / 60 % 60);
            var s = Math.floor(qaq / 1000 % 60);
            timeo.innerText = '距离国庆还有：' + D + '天' + h + '小时' + m + '分' + s + '秒';
            console.log(timeo.innerHTML);
            if (D === 0 && h === 0 && m === 0 && s === 0) {//注意：此处必须用全等
                clearInterval(timebar)
            }
        }
        var timebar = setInterval(timeOver, 1000);

        function timeInput() {
            var inp = document.getElementById('inp');
            var inputOver = document.getElementById('inputOver');
            var input = inp.value;//获取输入的值哦
            // console.log(input);//打印的是输入的内容
            var d = new Date();//现在的时间//Mon Sep 13 2021 19:13:43 GMT+0800（cn）
            // console.log(d);
            var nowD = new Date(input);//输入的时间
            // console.log(nowD);//Mon Nov 01 2021 00:00:00 GMT+0800 (中国标准时间)
            console.log(nowD.getTime());//1630425600000
            console.log(d.getTime());//1631522112706  

            var qaq = nowD.getTime() - d.getTime();
            var D = Math.floor(qaq / 1000 / 60 / 60 / 24);
            var h = Math.floor(qaq / 1000 / 60 / 60 % 24);
            var m = Math.floor(qaq / 1000 / 60 % 60);
            var s = Math.floor(qaq / 1000 % 60);

            inputOver.innerText = '距现在倒计时：' + D + '天' + h + '小时' + m + '分' + s + '秒';
            console.log(inputOver.innerHTML);
            if (D === 0 && h === 0 && m === 0 && s === 0) {//注意：此处必须用全等
                clearInterval(timebar2)
            }
        }
        var timebar2 = setInterval(timeInput, 1000);

    </script>
</body>

</html>

AC_QI

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
js：倒计时（输入文本自动计算+默认国庆倒计时）

<!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>D.
复制链接

扫一扫

专栏目录