定时器的秒杀应用

最新推荐文章于 2023-03-15 00:38:27 发布

weixin_44809440

最新推荐文章于 2023-03-15 00:38:27 发布

阅读量73

点赞数

本文链接：https://blog.csdn.net/weixin_44809440/article/details/115740524

版权

定时器的秒杀应用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <div id="box"></div>
    <script>
        function getFormartTime(setTime) {
            var date1 = new Date();
            // 设定时间
            var date2 = new Date(setTime);
            // 相差的秒数
            var disTime = (date2 - date1) / 1000;
            // 天数
            var days = parseInt(disTime / 60 / 60 / 24);
            // 格式化时间00:00:00
            days = days < 10 ? '0' + days : days;
            // 小时
            var hours = parseInt(disTime / 60 / 60 % 24);
            hours = hours < 10 ? '0' + hours : hours;
            // 分
            var minutes = parseInt(disTime / 60 % 60);
            minutes = minutes < 10 ? '0' + minutes : minutes;
            // 秒
            var seconds = parseInt(disTime % 60);
            seconds = seconds < 10 ? '0' + seconds : seconds;
            // 返回格式化后的时间
            return days + '天' + hours + '小时' + minutes + '分' + seconds + '秒';
        }
		//获取元素
        var box = document.getElementById('box');
        // 设置定时器
        setInterval(function() {
            box.innerText = getFormartTime('2021/4/15 18:00:00');
        }, 1000);
    </script>
</body>
</html>