今天就跟大家聊聊有關(guān)使用JavaScript怎么實現(xiàn)一個時分秒倒計時功能,可能很多人都不太了解,為了讓大家更加了解,小編給大家總結(jié)了以下內(nèi)容,希望大家根據(jù)這篇文章可以有所收獲。
成都創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),烏蘭企業(yè)網(wǎng)站建設(shè),烏蘭品牌網(wǎng)站建設(shè),網(wǎng)站定制,烏蘭網(wǎng)站建設(shè)報價,網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,烏蘭網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè),幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強企業(yè)競爭力??沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿,時刻以成就客戶成長自我,堅持不斷學(xué)習(xí)、思考、沉淀、凈化自己,讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。
具體內(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>
看完上述內(nèi)容,你們對使用JavaScript怎么實現(xiàn)一個時分秒倒計時功能有進一步的了解嗎?如果還想了解更多知識或者相關(guān)內(nèi)容,請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝大家的支持。
網(wǎng)站標題:使用JavaScript怎么實現(xiàn)一個時分秒倒計時功能
分享地址:http://jinyejixie.com/article46/posieg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站設(shè)計公司、網(wǎng)站排名、自適應(yīng)網(wǎng)站、企業(yè)建站、企業(yè)網(wǎng)站制作、云服務(wù)器
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)