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倒计时代码相关推荐

  1. html加js倒计时代码,分享最简单的JavaScript倒计时代码(附完整代码)

    工作中经常需要在页面中设置倒计时,那你知道JS倒计时代码怎么写吗?这篇文章就给大家分享一个最简单的JS倒计时代码,以及详细的倒计时JS代码的思路,,有一定的参考价值,感兴趣的朋友可以看看. 举例:设定 ...

  2. html桌面倒计时代码,JavaScript实现简单的数字倒计时

    这里是一个JavaScript中显示倒计时的方法,从10一秒一秒地往下减直到计时结束(即0),代码如下: runCount(10); function runCount(t){ if(t>0){ ...

  3. 几种JS倒计时代码 【转】

    第一种:精确到秒的javascript倒计时代码 HTML代码: <form name="form1">    <div align="center&q ...

  4. html倒计时代码原理,最全面的JS倒计时代码

    本文实例为大家分享了JS倒计时展示的具体代码,供大家参考,具体内容如下 第一种:精确到秒的javascript倒计时代码 HTML代码: 离2010年还有: startclock() var time ...

  5. js倒计时代码最简单的

    第一种:精确到秒的javascript倒计时代码 <form name="form1"> <div align="center" align= ...

  6. html js秒杀倒计时,JavaScript仿京东秒杀倒计时代码实例

    本篇文章小编给大家分享一下JavaScript仿京东秒杀倒计时代码实例,小编觉得挺不错的,现在分享给大家供大家参考,有需要的小伙伴们可以来看看. 仿京东秒杀倒计时 html代码 秒杀倒计时 : : c ...

  7. html广告倒计时代码,javascript实现倒计时关闭广告

    用Javascript实现倒计时关闭广告案例 正在学习大前端中,有代码和思路不规范不正确的地方往多多包涵,感谢指教 在很多app与网页中,我们可以看到这样的广告:进入某个网站后,会弹出一个广告,然后广 ...

  8. javascript实现奥运倒计时代码

    js实现奥运倒计时代码 转自: Js中国 http://javascriptxml.5d6d.com/thread-4-1-1.html      <div>     <div cl ...

  9. 【javascript】元旦倒计时代码

    元旦倒计时代码 引言 设计思路 源码 动画效果 引言 马上就是2023年元旦了,公司要求在网站上都需要加上新年的倒计时,今天就来做了吧 设计思路

最新文章

  1. 关于中断处理程序中的关中断函数disable_irq和disable_irq_nosync
  2. Factorial Trailing Zeroes
  3. ASP.NET Core跨域设置
  4. 【转】SPSite、SPWeb对象模型(转winos.cn)
  5. 16kb等于多少b_一篇文章讲透MySQL为什么要用B+树实现索引
  6. weblogic安装
  7. Topaz DeNoise AI 2.3.6汉化版|AI智能降噪插件Topaz DeNoise AI 2.3.6中文版
  8. js判断数组的六种方法
  9. 使用xftp怎么向服务器传输文件,如何使用文件传输软件Xftp
  10. AWS Academy 学生报名考证
  11. mysql in 分组,基于mysql实现group by取各分组最新一条数据
  12. vue 用key拿对象value_基于vue--key值的特殊用处详解
  13. 韩国为什么“恢复”汉字?
  14. 安保巡逻机器人如何在公共场所提供安全应用?
  15. Python实现简单的web爬虫信息处理系统
  16. 初识 STM32和STM32F407简介
  17. mysql第二天无法连接_MySQL第二天早上第一次连接超时报错,解决方法com.mysql.jdbc.exceptions.jdbc4.CommunicationsException:...
  18. UI设计师怎样提升品牌能力?
  19. 基于antd DatePicker的年份组件
  20. 阿翔编程学-系统安全

热门文章

  1. Python利用cv2创建10*10象棋棋盘图片
  2. 微信H5 Video 开发小结
  3. 35w奖金池,腾讯云TDSQL精英挑战赛等你来战。
  4. Swift语言在线代码运行编译工具推荐
  5. 《花雕学AI》01:尝试使用新必应制作《雕爷学编程》的栏目介绍
  6. iOS截取正六边形图片
  7. 六边形蜂窝 java,css3实现的六边形蜂窝状图片(自适应)
  8. android 涨潮动画加载_My Tide Times(潮汐数据查看器)
  9. 听起来很美,用起来很累!停车类APP软肋在哪
  10. nunit测试报告 转html,单元测试软件NUNIT使用说明