900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > js倒计时天时分秒php js实现时分秒倒计时

js倒计时天时分秒php js实现时分秒倒计时

时间:2019-10-30 16:43:42

相关推荐

js倒计时天时分秒php js实现时分秒倒计时

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

js时分秒毫秒倒计时

//js部分

function countTime(value) {

//获取当前时间

var date = new Date();

var now = date.getTime();

//设置截止时间

//在pc端浏览器可以这样写

var endDate = new Date("-12-03 00:00:00");

//移动端必须这样写,因为ios不支持日期中间是-链接,会报错

//var endDate = new Date("/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()

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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。