简单倒计时的实现

系统管理员 2022-09-11 13:15 240阅读 0赞

简单倒计时的实现，需要请自取

<script>
            /* 
                倒计时 = 目标时间 - 现在时间;
            */
            // 解决一秒延迟
            auto();
            // 每隔1S 计算一遍差值
            setInterval(auto, 1000);
    
            function auto() {
                // 创建当前时间
                var cur = new Date();
                // 创建目标时间
                var fur = new Date('2021,1,1,0:0:0')
                console.log(cur, fur);
    
                // 求差
                var cha = fur - cur;
                console.log(cha);
    
                // 求秒 smhd
                var s = parseInt(cha / 1000 % 60);
                console.log(s);
    
                // 求分
                var m = parseInt(cha / 1000 / 60 % 60);
                console.log(m);
    
                // 求时
                var h = parseInt(cha / 1000 / 60 / 60 % 24);
                console.log(h);
    
                // 求天
                var d = parseInt(cha / 1000 / 60 / 60 / 24);
                console.log(d);
    
                // 输出到页面
                document.body.innerHTML = '距离放假还剩：' + d + '天' + h + '时' + m + '分' + s + '秒'
            }
        </script>

![2021091622123978.png][]

[2021091622123978.png]: /images/20220828/57fd7ed808364754b6bc5f3ee9ddb9ae.png

发表评论取消回复

表情：

评论列表（有 0 条评论，240人围观）

还没有评论，来说两句吧...

相关阅读

相关 Java倒计时的简单实现方式

Java倒计时的简单实现方式在Java中，我们可以使用多种方法来实现倒计时。下面我将介绍一种简单的实现方式，并提供相应的源代码。实现倒计时的基本思路是：使用循环结构，每

我会带着你远行/ 2024年03月08日 03:49/ 0 赞/ 93 阅读

相关简单js代码实现教师节倒计时

![彩旗分割线][ee41d148b37769e8c80d6afd8e809df4.png] 教师节快乐 ![f98879774b1789905bdd698

骑猪看日落/ 2022年12月05日 15:13/ 0 赞/ 268 阅读

相关复杂倒计时的实现

需求：点击开始按钮清除上一次遗留定时器开启定时器计算当前时间到输入框中时间的倒计时 1.1 点击完成后清除上一次遗留的定时器

秒速五厘米/ 2022年09月14日 02:59/ 0 赞/ 149 阅读

相关简单倒计时的实现

简单倒计时的实现，需要请自取 <script> / 倒计时 = 目标时间 - 现在时间;

系统管理员/ 2022年09月11日 13:15/ 0 赞/ 241 阅读

相关一个简单的倒计时

html: ![Center][] js: //倒计时 var endtime='{$all.endtime}'; // 截止日期时间戳

清疚/ 2022年06月12日 07:11/ 0 赞/ 190 阅读

相关 JS-实现秒表倒计时+缓存倒计时

实现秒表倒计时+缓存倒计时功能 <!DOCTYPE html> <html> <head> <meta ch

约定不等于承诺〃/ 2022年05月17日 12:38/ 0 赞/ 385 阅读

相关 js简单倒计时

涉及的知识点 setTime() setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。 1.提示： 1000 毫秒= 1 秒。 2.提示

冷不防/ 2022年04月22日 00:52/ 0 赞/ 274 阅读

相关 js简单倒计时

不想每次用倒计时，都现写代码，比较烦，这里记一下，也顺便分享一些倒计时简单的逻辑。如果你有更简单方便的代码，可以分享给大家。 var method = {

忘是亡心i/ 2022年04月04日 20:27/ 0 赞/ 287 阅读

相关用简单的JS实现秒倒计时

用简单的JS实现秒倒计时开发工具与关键技术：JavaScript 作者：陈希雄撰写时间：2019/2/9 当然，除了秒倒计时，还有时、分等等

àì夳堔傛蜴生んèń/ 2022年03月20日 01:52/ 0 赞/ 250 阅读

相关 Android 最简单的倒计时

LG Android倒计时封装API 标签： Androi倒计时 -------------------- 1. 简述该包封装android开发过程中常常用到

╰+哭是因爲堅強的太久メ/ 2022年03月09日 05:56/ 0 赞/ 213 阅读