网站首页 > 技术教程 正文
很多场景会用到日期倒计时,比如活动还有几天开始等场景。
html code
<p class="countdown">
<span class="days">01</span>天
<span class="hours">02</span>时
<span class="minutes">37</span>分
<span class="seconds">25</span>秒
</p>
js code
<script type="text/javascript" src=" https://cdnjs.cloudflare.com/ajax/libs/jquery.downCount/1.0.0/jquery.downCount.js"></script>
<script class="source" type="text/javascript">
var time='2020-10-26 19:55:10';
//注意时间格式,在Safari中,只支持2020/10/26 19:55:10,所以需要进行转化
time=time.replace(/-/g, "/");
$(".countdown").downCount({
date: time,//结束时间 会与当前时间对比,计算出倒计时差
offset: +8,//时差
},
function () {
alert("倒计时结束!");
}
);
</script>
猜你喜欢
- 2024-10-17 怎么在手机上设置倒计时天数? 怎么在手机上设置倒计时天数
- 2024-10-17 Excel根据身份证号,计算退休倒计时天数
- 2024-10-17 日期倒计时软件有哪些?可以计算倒数日期的APP
- 2024-10-17 《Excel 100个常用技巧》Excel倒计时天数计算 《Excel
- 2024-10-17 Excel如何实现倒计时、到期日期。DATEDIF函数不常见但一定实用!
- 2024-10-17 如何在Excel表格中做一个时间倒计时效果#Excel...
- 2024-10-17 发现一个非常好用的倒计时 支持天数日期倒计时
- 2024-10-17 倒计时日期 桌面倒数日 重要日期倒计时提醒
- 2024-10-17 用Excel也可以实现倒计时,还可以精确到时、分、秒
你 发表评论:
欢迎- 07-01类似于STM32之类的单片机,RTOS比裸机真有那么大优势?
- 07-01单片机系统按键硬件、软件设计技巧
- 07-01单片机键盘消抖“独门”汇编方案分享,不用延时还能用什么?
- 07-01单片机引脚功能介绍(单片机引脚工作原理)
- 07-01单片机与外设的交互(单片机与电脑交互)
- 07-0126单片机的最小电路介绍(单片机最小电路图pcb)
- 07-01汇编入门第一篇,小白也能看懂(汇编rl)
- 07-01单片机简介(arm单片机)
- 最近发表
- 标签列表
-
- sd分区 (65)
- raid5数据恢复 (81)
- 地址转换 (73)
- 手机存储卡根目录 (55)
- tcp端口 (74)
- project server (59)
- 双击ctrl (55)
- 鼠标 单击变双击 (67)
- debugview (59)
- 字符动画 (65)
- flushdns (57)
- ps复制快捷键 (57)
- 清除系统垃圾代码 (58)
- web服务器的架设 (67)
- 16进制转换 (69)
- xclient (55)
- ps源文件 (67)
- filezilla server (59)
- 句柄无效 (56)
- word页眉页脚设置 (59)
- ansys实例 (56)
- 6 1 3固件 (59)
- sqlserver2000挂起 (59)
- vm虚拟主机 (55)
- config (61)
本文暂时没有评论,来添加一个吧(●'◡'●)