JS倒计时

最新推荐文章于 2024-07-17 15:26:15 发布
最新推荐文章于 2024-07-17 15:26:15 发布
阅读量260 收藏
点赞数
分类专栏： 工具函数 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/QQ408896436/article/details/122499378
版权 
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>倒计时</title>
</head>

<body>
    <div id="content"></div>
    <script>

        function countdown(endData) {
            const nowData = Date.now();
            if (endData < nowData) {
                throw new Error('the end time must be greater than the current time');
            }
            const d = endData - nowData;
            let h = Math.floor(d / 1000 / 60 / 60);
            let m = Math.floor(d / 1000 / 60 % 60);
            let s = Math.floor(d / 1000 % 60);
            h = h<=9? '0'+ h : h;
            m = m<=9? '0'+ m : m;
            s = s<=9? '0'+ s : s;
            return `${h}:${m}:${s}`;
        }
        
        const content = document.getElementById('content');
        const endData = new Date('2022/01/14 23:59:59').getTime();
        setInterval(()=>{
            content.innerHTML = countdown(endData);
        },1000);
  
    </script>
</body>

</html>

碵蝎
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript倒计时牌
Han_Zhou_Z的博客
12-06 356
案例：距离2020元旦还有多少天多少小时多少分钟多少秒 <style> div{ width: 400px; margin: 100px auto; font-size: 25px; color: #316316; } </style> <body> <div></div> <script> function showTi
js倒计时算法
fine1998_的博客
06-01 1106
目录一、Data对象二、时间戳三、封装倒计时函数 Data对象是js的内置对象，它本质上是一个构造函数，表示时间这一大类，包括年月日时分秒等。起始时间：1970年1月1日。Date对象包括的方法： 作用：获取Date对象距离1970年1月1日的总毫秒数。获取方法： 结果： 结果： 注意：函数封装的参数应给Date对象，才能获得完整的时间戳。
js 倒计时
初心
09-22 525
【代码】js 倒计时。
js倒计时
新生代农民工
09-24 393
核心算法: 1、输入的时间减去现在的时间就是剩余的时间，即倒计时，但是不能拿着分秒相减，比如06分减去30分，结果会是负数。 2、用时间戳 输入时间的总毫秒数减去现在时间的总毫秒数得到的就是剩余时间的毫秒数。 3、把剩余时间总的毫秒数转换为天、时、分、秒（时间戳转换成时分秒） 转换公式如下： d = parseInt(总秒数/60/60/24) //计算天数 h = parseInt(总秒数/60/60%24) //计算小时 m = parseInt(总秒数/60%60) .
JavaScript 倒计时
Schema
09-25 214
1. 指定时间戳倒计时 /** * timestamp： 时间戳：毫秒级 */ function countDown(timestamp) { var nowDate = +new Date() var inputDate = parseInt((nowDate - timestamp) / 1000) // 差值转换为s var timer = setInterval(() => { inputDate -
JS 倒计时15分钟
weixin_42941628的博客
12-25 590
【代码】JS 倒计时15分钟。
js倒计时(js倒计时5秒)
计算机毕业论文源码，学生个人网页制作html源码。贴近用户做网络推广和互联网优化。
12-10 1574
倒计时69天！大家倒计时多少天了？ 我是倒计时90天了,很享受宝宝每天胎动的时间 什么是倒计时载入页面的JS代码？ diffSecs = timeDiff/1000; //因为时间以毫秒为单位 return(this。diffSecs); //返回间隔秒数} function getSecs() { va...
js倒计时js倒计时
lipengaccp的博客
06-07 343
js倒计时
js倒计时代码最简单的
爱编程的鱼的博客
11-24 2239
【代码】js倒计时代码最简单的。
js倒计时效果
m0_51614469的博客
08-03 628
js倒计时效果 定时器 setInterval
javascript 倒计时代码
10-29
JavaScript 倒计时代码详解 在本篇文章中，我们将深入探讨 JavaScript 倒计时代码的实现 principio 和应用场景。通过分析给定的代码，我们将了解到倒计时代码的基本结构、计时机制、显示...* JavaScript倒计时应用场景
简单实现JS倒计时效果
11-27
在JavaScript中，倒计时是一种常见的功能，常用于事件预告或者特定时间的提醒。本篇文章将探讨如何使用JS实现一个简单的倒计时效果。 首先，我们看标题和描述中的示例代码，这是一个基本的HTML文件，包含了一个...
JS倒计时_javascript倒计时
02-17
JS倒计时
Javascript倒计时代码
10-28
JS脚本是在网上找到的，然后进行了改进，弥补了不足之处。
js倒计时显示实例
10-20
本文分享了js倒计时显示的实例，需要的朋友可以参考借鉴，下面就跟小编一起来看看吧
Sortable.js板块拖拽示例
w11111xxxl的博客
07-14 755
ghostClass: 'blue-background-class' // 拖动时元素的样式类。group: 'shared', // 允许与其它具有相同组名的元素交互。-- 引入 Sortable.js 的 CSS 和 JS 文件 -->width: 150px;/* 减少宽度 */height: 70px;/* 设置高度 */-- 引入 Sortable.js 的 JS 文件 -->animation: 150, // 动画速度。// 初始化 Sortable。
TinyVue v3.17.0 正式发布，推出了一款基于 Quill 2.0 的富文本编辑器，功能强大、开箱即用！
最新发布
OpenTiny的博客
07-17 656
本文由体验技术团队Kagol老师原创~我们非常高兴地宣布，2024年6月26日，TinyVue 发布了 v3.17.0 🎉。TinyVue 每次大版本发布，都会给大家带来一些实用的新特性，上一个版本我们重构了 chart-core，新增 CircleProcessChart 圆环进度图等6个新的图表组件，并增加了 Statistic 数据统计组件。表格图片超链接复制粘贴插入表情文件上传@提醒斜杆菜单v-auto-tip。
JS+CSS特效：HTML+JS+CSS 实现精致的带二级菜单的头部菜单
uu0216的博客
07-16 514
既然a标签把它填满导致了原来的内圆角没有了，而去掉了a标签的背景色依然没有出现圆角。那么我不妨把第一行的两个菜单项和最后一行的两个菜单项写个圆角。这里利用子选择器实现。为了避免菜单项数量改变而导致样式的变化，需要把样式写在最后两个子列表项上，而不是第7和第8上面。所以，在最后两个列表项上，我们使用的 nth-last-child 而不是 nth-child。
高职软件技术实训室
whwzzc的博客
07-17 604
当前，软件行业正处于高速发展阶段，对人才的需求呈现出多元化、高精尖的特点。平台基于k8s实现公有云、混合云、私有云多种部署方式，提供在线html、css、js、jquery、vue等前端开发环境，实现真正的云开发，开箱即用，主要模块有课程制作工具、作业、活动、云盘、共享课、我的课、云优选课。平台基于k8s实现公有云、混合云、私有云多种部署方式，提供在线java、python等后台语言，实现真正的云开发，开箱即用，主要模块有课程制作工具、作业、活动、云盘、共享课、我的课、云优选课。
javascript倒计时
12-12
以下是一个JavaScript倒计时的例子： ```javascript // 获取所有的span元素 var spans = document.querySelectorAll('span'); // 设置倒计时结束时间 var endTime = new Date('2022-10-1 12:00:00').getTime(); //...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值