<html>
<head>  <meta charset="UTF-8">  <title>js简单时分秒倒计时</title>  <script type="text/javascript">  function countTime() {  //获取当前时间  var date = new Date();  var now = date.getTime();  //设置截止时间  var str="2017/5/17 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);                     }  //将倒计时赋值到div中  document.getElementById("_d").innerHTML = d+"天";  document.getElementById("_h").innerHTML = h+"时";  document.getElementById("_m").innerHTML = m+"分";  document.getElementById("_s").innerHTML = s+"秒";  //递归每秒调用countTime方法,显示动态时间效果  setTimeout(countTime,1000);  }  </script>
</head >
<body οnlοad="countTime()" >  <div>  <span id="_d">00</span>  <span id="_h">00</span>  <span id="_m">00</span>  <span id="_s">00</span>  </div>
</body>
</html>

js 设置时间戳,进行倒计时。比如距离活动结束时间等等相关推荐

  1. html倒计时还有多少天,倒计时(距离活动结束还有X天X小时X分X秒)

    一个简单的倒计时,可以设定结束时间,然后自动计算出距离活动结束还有X天X小时X分X秒. 废话不多说,上代码,挺简单的,代码里有注释: // 活动倒计时 var time_end = new Date( ...

  2. js倒计时----距离活动结束还有 xx天xx时xx分xx秒

    1 <html> 2 <head> 3 <meta charset="UTF-8"> 4 <title>距离活动结束还有 xx天xx ...

  3. 碧蓝航线维护服务器时间,碧蓝航线异色格维护公告 异色格活动结束时间介绍...

    碧蓝航线异色格活动已经开启一段时间了.大家一定很担心自己来不及结束时间兑换物品,下面就由小编为大家介绍一下异色格活动结束时间. 各位亲爱的指挥官: 司令部将于8月22日13:00~17:00对以下港区 ...

  4. js 时间倒计时,开始时间到结束时间

    封装一个倒计时函数,直接调用即可,时间格式为:2020-06-18 11:26:20 代码如下 : //时间倒计时函数,第一个值传id名字,第二个值传结束的时间function TimeDown(id ...

  5. 倒计时,距离活动还有0天0时0分0秒

    目录 一.纯ppt实现倒计时 (一)PPT动画10秒倒计时 (二)PPT插入10秒视频倒计时 (三)PPT编程倒计时天时分秒 二.ppt+倒计时软件 (一)10秒倒计时 (二)倒计时软件 三.ppt. ...

  6. h5倒计时弹窗_H5活动开始/结束倒计时实现

    最近在做一个活动页,根据后台返回的活动开始时间.结束时间判断当前活动的状态以及实现倒计时 效果,上一篇文章有记录ios倒计时踩坑,这里记录下倒计时效果实现. 倒计时效果 js: /**获取现在的时间* ...

  7. 开发工具与关键技术:DW软件 JS设置遮罩层

    开发工具与关键技术: DW软件 JS设置遮罩层 作者:冉启东 撰写时间:2019年1月18日 1.JS设置遮罩层代码如下: window.onload = function(){ var plan_t ...

  8. js 获取开始时间和结束时间相隔小时及分钟(时间戳操作)

    思路:将两个时间装换成时间戳,然后结束时间减去开始时间,然后计算得到间隔的 小时 及分钟数,上代码 var st = this.form5.abnormalStartDate // 开始时间var s ...

  9. project设置工期为1个工作日,但开始时间与结束时间不是同一天,如何解决或者是设置?

    看以下界面就明白了: 如上图所示,某活动项工期为1个工作日,开始时间应该是当天,也就是开始时间与完成时间都是2016年8月23日才对,但工具中显示的完成时间为2016年8月24日,给人的感觉误以为工期 ...

最新文章

  1. Python数据挖掘1:创建一位数组和二维数组,取最大最小值,切片
  2. 为敏捷 BI 补上关键两环
  3. SAP 企业管理软件与解决方案 产品简介
  4. qrencode二维码生成在linux下的编译
  5. Ros知识【09】:功能包介绍
  6. 【Python】学习Python的三个神级网站
  7. Alpha 冲刺 (7/10)
  8. OD使用教程20 - 调试篇20
  9. 3493. 最大的和
  10. C++将double类型小数以16进制格式打印出
  11. java 内部类和静态内部类的区别
  12. 女陔说你不懂我, 到底什么意思
  13. UML 简单易懂 教程
  14. android webview 清空内容,Android WebView清空缓存
  15. 2021免费注册TK域名使用一年的方法
  16. ASP.NET 系列_01_Web Pages 教程
  17. 【HTB系列】靶机Chaos的渗透测试详解
  18. 本题要求实现一个函数,用下列公式求cos(x)的近似值,精确到最后一项的绝对值小于e
  19. MATLAB实现规范化(normalize)数据的函数实现
  20. 手把手教你高效快捷的创建Swift Framework

热门文章

  1. 网站虚拟服务器1核1g速度,云服务器1核1g打开速度
  2. 非标准USBasp下载线烧录Arduino BootLoader的参数设置
  3. 数电之SR锁存器与D触发器(转载)
  4. MQTT客户端 Paho Java 使用
  5. Oracle SQL 劈开字符串
  6. OSX 如何收 Exchange
  7. 360一键重装系统 安全又方便
  8. 解析计算机体系结构中的MACs实现
  9. Unity(9)-TileMap瓦片地图
  10. 【Java8实战】并行流