今天就跟大家聊聊有關(guān)使用JavaScript怎么實(shí)現(xiàn)一個(gè)時(shí)分秒倒計(jì)時(shí)功能,可能很多人都不太了解,為了讓大家更加了解,小編給大家總結(jié)了以下內(nèi)容,希望大家根據(jù)這篇文章可以有所收獲。
具體內(nèi)容如下
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js時(shí)分秒毫秒倒計(jì)時(shí)</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) { //獲取當(dāng)前時(shí)間 var date = new Date(); var now = date.getTime(); //設(shè)置截止時(shí)間 //在pc端瀏覽器可以這樣寫 var endDate = new Date("2019-12-03 00:00:00"); //移動(dòng)端必須這樣寫,因?yàn)閕os不支持日期中間是-鏈接,會報(bào)錯(cuò) //var endDate = new Date("2019/7/22 00:00:00"); var end = endDate.getTime(); //時(shí)間差 var differTime = end - now; //定義變量,h,m,s保存倒計(jì)時(shí)的時(shí)間 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 = "倒計(jì)時(shí):" + h + "小時(shí)" + m + "分" + s + "秒"; $("#active_time").text(timeDom); //遞歸調(diào)用函數(shù)所以是延時(shí)器不是定時(shí)器 setTimeout(function () { countTime(value) }, 1000); } else { var timeDom ="00小時(shí) 00分 00秒"; $("#active_time").text(timeDom); }} countTime() </script> </body> </html>
看完上述內(nèi)容,你們對使用JavaScript怎么實(shí)現(xiàn)一個(gè)時(shí)分秒倒計(jì)時(shí)功能有進(jìn)一步的了解嗎?如果還想了解更多知識或者相關(guān)內(nèi)容,請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝大家的支持。
當(dāng)前文章:使用JavaScript怎么實(shí)現(xiàn)一個(gè)時(shí)分秒倒計(jì)時(shí)功能-創(chuàng)新互聯(lián)
網(wǎng)頁URL:http://chinadenli.net/article38/dgjgsp.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供App設(shè)計(jì)、微信小程序、ChatGPT、網(wǎng)站收錄、用戶體驗(yàn)、營銷型網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容