当前位置：网站首页 /资料库/前端知识

26

2017/08

如何用js实现倒计时特效？

发布时间：2017-08-26 14:33:29

发布者：jiangbing

浏览量:

0

在我们最近一个易学优教育考试的项目中，用到了倒计时的特效。

要实现这个效果很简单。用截止时间减去当前时间。





倒计时js代码





 00天
 00时
 00分
 00秒

function getRTime(){ var EndTime= new Date('2017/10/1 10:00:00'); //截止时间 var NowTime = new Date(); var t =EndTime.getTime() - NowTime.getTime(); var d=Math.floor(t/1000/60/60/24); var h=Math.floor(t/1000/60/60%24); var m=Math.floor(t/1000/60%60); var s=Math.floor(t/1000%60); document.getElementById("t_d").innerHTML = d + "天"; document.getElementById("t_h").innerHTML = h + "时"; document.getElementById("t_m").innerHTML = m + "分"; document.getElementById("t_s").innerHTML = s + "秒"; } setInterval(getRTime,1000);

演示地址：http://www.cnwenhui.cn/d/demo/countdown/

上一篇：什么是iframe标签？

下一篇：如何使用jQuery完成复选框的全选和全不选？

关键词:

如何

相关文章

2025-03-12

美容店如何用“会员月卡+限制折扣”实现引流锁客查看详情

2025-02-28

实体店老板如何用数据分析爆改经验策略查看详情

2025-02-12

教育培训机构如何制作自己的教育培训小程序查看详情

2025-01-18

你还在经常手动续期证书吗？宝塔面板如何给自动续签免费证书查看详情

2024-12-21

在yonbuilder中如何使用UISlider插件查看详情

2024-12-07

如何正确选择汽车租赁系统？四个角度告诉你查看详情

相关案例

济南建站手术移动护理系统详细流程(千佛山医院版）

济南建站手术移动护理系统详细流程(千佛山医院版）

手术移动护理系统详细流程(千佛山医院版）

移动详细系统

济南建站手术移动护理系统

济南建站手术移动护理系统

手术移动护理系统

手术护理系统手术移动护理系统手术护理流程化管理系统

济南建站红宝书智慧党建平台

济南建站红宝书智慧党建平台

红宝书智慧党建平台

党建平台

热门文章

最新文章

联系我们

CONTACT US

公司电话：0531-68961230 QQ:1828686598

公司地址：济南市天桥区中凡鲁鼎广场A座20楼2009

高新技术企业编号：GR202437006411

科技中小企业编号：2024370105A8014257

济南网络公司快捷导航

快捷导航

QUICK NAVIGATION

网站首页

产品中心

案例展示

资料库

解决方案

新闻动态

关于文汇

关注我们济南网络公司

关注我们

FOCUS ON US

咨询电话济南网络公司

咨询电话：

15628812133

济南网络公司

济南网络公司

济南网络公司

山东文汇信息服务有限公司版权所有济南软件开发鲁ICP备14002804号-1 公安备案号 37010502000882