快捷導航

js實現(xiàn)時分秒倒計時

更新時間：2019年12月03日 09:35:40 作者：star...

這篇文章主要為大家詳細介紹了js實現(xiàn)時分秒倒計時，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下

本文實例為大家分享了js實現(xiàn)時分秒倒計時的具體代碼，供大家參考，具體內(nèi)容如下

<!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();

 //設(shè)置截止時間
 //在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);
 //遞歸調(diào)用函數(shù)所以是延時器不是定時器
 setTimeout(function () {
 countTime(value)
 }, 1000);
 } else {
 var timeDom ="00小時 00分 00秒";
 $("#active_time").text(timeDom);
 }}
 countTime()
</script>
</body>
</html>

更多關(guān)于倒計時的文章請查看專題：《倒計時功能》

以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: