编程 Javascript

js实现时分秒倒计时

Posted in Javascript onDecember 03, 2019

本文实例为大家分享了js实现时分秒倒计时的具体代码，供大家参考，具体内容如下

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>js时分秒毫秒倒计时</title>
</head>
<body>
<div class="active_time" id="active_time"></div>
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script>
 //js部分
 function countTime(value) {
 //获取当前时间
 var date = new Date();
 var now = date.getTime();

 //设置截止时间
 //在pc端浏览器可以这样写
 var endDate = new Date("2019-12-03 00:00:00");
 //移动端必须这样写，因为ios不支持日期中间是-链接，会报错
 //var endDate = new Date("2019/7/22 00:00:00");
 var end = endDate.getTime();
 //时间差
 var differTime = end - now;
 //定义变量,h,m,s保存倒计时的时间
 var h, m, s;
 if (differTime >= 0) {
 h = Math.floor(differTime / 1000 / 60 / 60);
 m = Math.floor(differTime / 1000 / 60 % 60);
 s = Math.floor(differTime / 1000 % 60);
 h = h < 10 ? ("0" + h) : h;
 m = m < 10 ? ("0" + m) : m;
 s = s < 10 ? ("0" + s) : s;
 var timeDom = "倒计时：" + h + "小时" + m + "分" + s + "秒";
 $("#active_time").text(timeDom);
 //递归调用函数所以是延时器不是定时器
 setTimeout(function () {
 countTime(value)
 }, 1000);
 } else {
 var timeDom ="00小时 00分 00秒";
 $("#active_time").text(timeDom);
 }}
 countTime()
</script>
</body>
</html>

更多关于倒计时的文章请查看专题：《倒计时功能》

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持三水点靠木。

js实现时分秒倒计时

- Author -

star...

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

Display SQL Server Login Mode

Jun 21 Javascript

javascript 获取页面的高度及滚动条的位置的代码

May 06 Javascript

JS操作图片(增,删,改) 例子

Apr 17 Javascript

关于IE中getElementsByClassName不能用的问题解决方法

Aug 26 Javascript

javascript中数组的冒泡排序使用示例

Dec 18 Javascript

jQuery中detach()方法用法实例

Dec 25 Javascript

jquery+CSS实现的水平布局多级网页菜单效果

Aug 24 Javascript

跟我学习javascript的浮点数精度

Nov 16 Javascript

vue 插值 v-once,v-text, v-html详解

Jan 19 Javascript

解析JS在获取当前月的最后一天遇到的坑

Aug 30 Javascript

mpvue实现左侧导航与右侧内容的联动

Oct 21 Javascript

vue实现书本翻页动画效果实例详解

Apr 08 Vue.js

Vue实现验证码功能

Dec 03 #Javascript

JS实现压缩上传图片base64长度功能

Dec 03 #Javascript

js实现AI五子棋人机大战

May 28 #Javascript

angular inputNumber指令输入框只能输入数字的实现

Dec 03 #Javascript

JavaScript的console命令使用实例

Dec 03 #Javascript

JavaScript实现京东放大镜效果

Dec 03 #Javascript

微信小程序实现图片压缩

Dec 03 #Javascript