结果展示:

<html><head><meta charset="utf-8"><title></title><script>let time = 2 * 60 * 60 * 1000; // 定义一个两小时的毫秒数let iter = window.setInterval(()=>{if(time <= 0){// 取消定时器(退出轮询)window.clearInterval(iter);return;}time -= 1000; // 进入轮询,将剩余时间减去1000毫秒let date = new Date(time);let hour = "0" + (date.getHours() - 8); // 北京是东八区,北京时间-8小时 = 格林尼治时间let min = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();let sec = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();document.querySelector("#time").innerText = `${hour}:${min}:${sec}`;},1000)</script></head><body><div id="time"></div></body>
</html>

2小时倒计时——JS代码相关推荐

  1. 2019年双十一倒计时JS代码

    2019年双十一倒计时JS代码(实时刷新) <!DOCTYPE html> <html><head><meta charset="utf-8&quo ...

  2. 建站倒计时html,网页短时间维护倒计时js代码

    网页短时间维护倒计时js代码 - 懒人建站-jquery特效-建站素材 http:/www.51xuediannao.com/ html{*overflow:auto;_overflow-x:hidd ...

  3. 倒计时js代码精确到时分秒

    倒计时js代码精确到时分秒,使用方法:注意 var EndTime= new Date('2013/05/1 10:00:00'); //截止时间 这一句,特别是 '2013/05/1 10:00:0 ...

  4. android带方框倒计时,简单漂亮的彩色方块计时器和倒计时js代码

    js代码 /** * time.day 和 time.dayZero 区别 * time.day 如果是1天 返回 1 * time.dayZero 如果是1天 则返回 01 * 除了day拥有Zer ...

  5. html 下班倒计时,求每天距下班时间倒计时JS代码

    逻辑如下: 1.先判断两个时间的时间差,当然如果得到的时间是13位时间戳的话你需要转化一下 2.判断时间够一天显示天数,够一小时显示小时数 相关代码: //获取时间,时间戳转换,不是则不转var my ...

  6. 简单易用的倒计时js代码

    <?php $tiem = "1467788400";$strt = $tiem-time(); echo '截止时间:'.date('Y-m-d H:i:s',$tiem) ...

  7. 世界末日倒计时 js代码

    <div id="container">离世界末日还有 <span id="downtime" style="color:red&q ...

  8. 日全食倒计时js代码

    var  vTiming2 = function (toTime) // 计时器 {      var  now  =   new  Date();      var  grt =   new  Da ...

  9. JS实现京东倒计时(完整代码)

    JS实现京东秒杀倒计时(完整代码) 一.获取图片 二.css实现外观 这里比较简单,就不细说了 三.JS实现倒计时 基本思路: 1.首先使用Date()对象获取当前时间(时间戳) 2.传递参数获取活动 ...

最新文章

  1. 属性与内存管理(属性与内存管理都是相互关联的)
  2. tomcat 的安全规范
  3. crontab命令简介
  4. 排名前20的网页爬虫工具,超多干货
  5. Quartus DSE 初步应用
  6. Zookeeper常用命令详解(Zookeeper3.4.14)
  7. VBNET的一些特殊能力
  8. html+分割字符,sql拆分字符串split
  9. 381.O(1)时间插入、删除和获取随机元素-允许重复
  10. cad插件_CAD插件燕秀工具箱2.81
  11. c语言中 cos函数图像,cos图像(cos函数的图像)
  12. java 检测usb_如何从android中检测和打印USB打印机
  13. *明确插件的功效*千千静听听音效插件使用介绍及相关下载
  14. canbus是什么意思_can-bus总线是什么意思?
  15. java自学-常见的API(String、ArryList)
  16. ubuntu22.04 耳机没声音 [已解决]
  17. 国外优秀免费空间不完全名单
  18. 二级域名指向同一ip的不同端口
  19. 《微信读书》产品分析报告
  20. python基础——数据可视化

热门文章

  1. 2022年氯化工艺考试练习题及模拟考试
  2. 火车站台(赛码)C++ AC
  3. MBSE建模学习之七:用例和用例图的说明
  4. PyTorch 学习笔记(十一):循环神经网络(RNN)
  5. RTOS实时操作系统
  6. 相机标定:相机模型和畸变模型
  7. 万物互联的时代,合资车企正在高速行驶
  8. 【CloudXNS码农提示】为何CNAME和MX不能共存?
  9. 系统架构设计师-企业信息化战略与实施
  10. python爬虫之通过pyquery爬取大众点评评论信息