JavaScript倒计时代码
function countTime() {//获取当前时间 var date = new Date();var now = date.getTime();//设置截止时间 var str = '2022/09/11 00:00:00'var endDate = new Date(str);var end = endDate.getTime();//时间差 var leftTime = end - now;//定义变量 d,h,m,s保存倒计时的时间 var d, h, m, s;if (leftTime >= 0) {d = Math.floor(leftTime / 1000 / 60 / 60 / 24);h = Math.floor(leftTime / 1000 / 60 / 60 % 24);m = Math.floor(leftTime / 1000 / 60 % 60);s = Math.floor(leftTime / 1000 % 60);}//将0-9的数字前面加上0,例1变为01d = checkTime(d) || '00';h = checkTime(h) || '00';m = checkTime(m) || '00';s = checkTime(s) || '00';//将倒计时赋值到div中 let TIME = d + '天' + h + '时' + m + '分' + s + '秒'$('#TIME').html(TIME)//递归每秒调用countTime方法,显示动态时间效果 setTimeout(countTime, 1000)}function checkTime(i) {if (i < 10) {i = "0" + i;}return i;}countTime()
JavaScript倒计时代码相关推荐
- html加js倒计时代码,分享最简单的JavaScript倒计时代码(附完整代码)
工作中经常需要在页面中设置倒计时,那你知道JS倒计时代码怎么写吗?这篇文章就给大家分享一个最简单的JS倒计时代码,以及详细的倒计时JS代码的思路,,有一定的参考价值,感兴趣的朋友可以看看. 举例:设定 ...
- html桌面倒计时代码,JavaScript实现简单的数字倒计时
这里是一个JavaScript中显示倒计时的方法,从10一秒一秒地往下减直到计时结束(即0),代码如下: runCount(10); function runCount(t){ if(t>0){ ...
- 几种JS倒计时代码 【转】
第一种:精确到秒的javascript倒计时代码 HTML代码: <form name="form1"> <div align="center&q ...
- html倒计时代码原理,最全面的JS倒计时代码
本文实例为大家分享了JS倒计时展示的具体代码,供大家参考,具体内容如下 第一种:精确到秒的javascript倒计时代码 HTML代码: 离2010年还有: startclock() var time ...
- js倒计时代码最简单的
第一种:精确到秒的javascript倒计时代码 <form name="form1"> <div align="center" align= ...
- html js秒杀倒计时,JavaScript仿京东秒杀倒计时代码实例
本篇文章小编给大家分享一下JavaScript仿京东秒杀倒计时代码实例,小编觉得挺不错的,现在分享给大家供大家参考,有需要的小伙伴们可以来看看. 仿京东秒杀倒计时 html代码 秒杀倒计时 : : c ...
- html广告倒计时代码,javascript实现倒计时关闭广告
用Javascript实现倒计时关闭广告案例 正在学习大前端中,有代码和思路不规范不正确的地方往多多包涵,感谢指教 在很多app与网页中,我们可以看到这样的广告:进入某个网站后,会弹出一个广告,然后广 ...
- javascript实现奥运倒计时代码
js实现奥运倒计时代码 转自: Js中国 http://javascriptxml.5d6d.com/thread-4-1-1.html <div> <div cl ...
- 【javascript】元旦倒计时代码
元旦倒计时代码 引言 设计思路 源码 动画效果 引言 马上就是2023年元旦了,公司要求在网站上都需要加上新年的倒计时,今天就来做了吧 设计思路
最新文章
- 关于中断处理程序中的关中断函数disable_irq和disable_irq_nosync
- Factorial Trailing Zeroes
- ASP.NET Core跨域设置
- 【转】SPSite、SPWeb对象模型(转winos.cn)
- 16kb等于多少b_一篇文章讲透MySQL为什么要用B+树实现索引
- weblogic安装
- Topaz DeNoise AI 2.3.6汉化版|AI智能降噪插件Topaz DeNoise AI 2.3.6中文版
- js判断数组的六种方法
- 使用xftp怎么向服务器传输文件,如何使用文件传输软件Xftp
- AWS Academy 学生报名考证
- mysql in 分组,基于mysql实现group by取各分组最新一条数据
- vue 用key拿对象value_基于vue--key值的特殊用处详解
- 韩国为什么“恢复”汉字?
- 安保巡逻机器人如何在公共场所提供安全应用?
- Python实现简单的web爬虫信息处理系统
- 初识 STM32和STM32F407简介
- mysql第二天无法连接_MySQL第二天早上第一次连接超时报错,解决方法com.mysql.jdbc.exceptions.jdbc4.CommunicationsException:...
- UI设计师怎样提升品牌能力?
- 基于antd DatePicker的年份组件
- 阿翔编程学-系统安全