活动倒计时范例（日期倒计时例子）

<!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>
<p id="demo"></p>
<script>
// 设置咱们准备倒计时的日期
const countDownDate = new Date("2021-11-30 24:00:00").getTime();
// 每秒更新一次
var x = setInterval(function() {
// 获取当前时间
var now = new Date().getTime();
// 获取当前时间与countDownDate 的时间差
var distance = countDownDate - now;
// 将时间差转为 days, hours, minutes and seconds
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
document.getElementById("demo").innerHTML = days + "天 " + hours + ":"
+ minutes + ":" + seconds + "";
// 若是时间差耗尽，结束定时器，秒杀结束
if (distance < 0) {clearInterval(x);document.getElementById("demo").innerHTML = "提示：活动已经结束。";}
}, 1000);</script>
</body></html>//来源：http://cn.voidcc.com/question/p-mjepyoil-hk.html

活动倒计时范例（日期倒计时例子）相关推荐

vant toast loading 倒计时_日期倒计时软件哪个好苹果日期倒计时软件推荐
日期倒计时软件哪个好,相信大家也是经常会查看日期,来保证一些重要的事情能够按时进行,那么哪一款日期倒计时软件比较好用,能够提醒用户们日期将至呢.这里就为大家推荐几款. 日期倒计时软件哪个好 1.Day ...
xe-utils 计算：年份、月份、周、天、每月天数、月的第几周、年的第几天、年的第几周、日期倒计时、日期至今差距计算、任意日期格式化
使用 xe-utils 可以非常简单的处理任意日期之间的转换: 时区转换.年份.月份.周.天.每月天数.月的第几周.年的第几天.年的第几周.日期倒计时.任意日期格式化查看 Github js日期转换 ...
vue，javascript实现页面日期倒计时功能
日期倒计时在日常项目中还是比较常用的,活动.自动完成时间,拼团等场景比较常见,所以把自己项目中用到分享一下,具体看下方源码: 代码比较简化,方便大家参考使用: /*** 日期倒计时* @param d ...
介绍一个好用的日期倒计时工具
有的时候,为了增加一些仪式感,在一些重要日子到来之前,比如结婚纪念日,孩子的生日,我们希望用一个倒计时的方式来迎接. 这里介绍一个好用的工具:http://www.atoolbox.net/ 点击倒数 ...
vue日期倒计时插件
下载地址 vue-count-to.js是一款基于vue实现的日期倒计时插件,功能实现:传入两个日期,展示它们两个间隔时间的倒计时.支持天.时分秒.毫秒的展示形式,倒计时结束时触发结束时间,执行结束 ...
html+js实现日期倒计时
html+js实现日期倒计时 <!DOCTYPE html> <html><head><meta charset="utf-8">& ...
网页通过CSS写出生日倒计时（利用：日期倒计时、元素自动旋转、边框视觉按钮效果）[直接复制代码即可实现、含注释]
图片效果 ↓(代码为粉图,生日歌自动播放) 视频效果 ↓(音乐为自动播放) 网页通过CSS写出生日倒计时(利用:日期倒计时.元素自动旋转.边框视觉按钮效果) 代码 ↓(可直接复制使用,音乐引用网易云音 ...
vue过滤器日期倒计时
vue过滤器日期倒计时创建一个HTML元素在网页上显示日期时间,并与Vue实例进行数据绑定当前时间:<span>{{ date | formaDate }}</span> ...
python 进行日期倒计时
利用datetime来实现日期倒计时,具体代码如下: from datetime import datetime future = datetime.strptime('2022-06-30 08:0 ...

活动倒计时范例（日期倒计时例子）

活动倒计时范例（日期倒计时例子）相关推荐

最新文章

热门文章