简单倒计时的实现

系统管理员 2022-09-11 13:15 271阅读 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 条评论，271人围观）

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

相关阅读

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

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

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

相关 js制作简单倒计时

效果图 ![20191125203010489.gif][] 具体思路：通过计算目标时间到目前时间的时间差，然后将时间差转化为时分秒，具体转化在代码

た入场券/ 2023年06月16日 08:29/ 0 赞/ 27 阅读

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

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

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

相关简单倒计时的实现

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

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

相关一个简单的倒计时

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

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

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

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

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

相关 js简单倒计时

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

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

相关 js简单倒计时

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

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

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

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

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

相关 Android 最简单的倒计时

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

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