分享一個js倒計時代碼,js寫一個倒計時

本文目錄一覽：

• 1、JS 5秒倒計時的代碼怎麼寫？時間要實時顯示在屏幕上的。
• 2、點擊按鈕出現60秒倒計時的簡單js代碼(推薦)
• 3、求一個倒計時js代碼,非常簡單的
• 4、Js倒計時代碼精確到毫秒。

JS 5秒倒計時的代碼怎麼寫？時間要實時顯示在屏幕上的。

!DOCTYPE html

html lang=”en”

head

meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /

titlejs實現倒計時60秒的簡單代碼(推薦)/title

script type=”text/javascript” src=”js/jquery.js”/script

/head

body

input type=”button” id=”btn” value=”免費獲取驗證碼” onclick=”settime(this)” /

script type=”text/javascript”

var countdown=60;

function settime(val) {

if (countdown == 0) {

val.removeAttribute(“disabled”);

val.value=”免費獲取驗證碼”;

countdown = 5;

} else {

val.setAttribute(“disabled”, true);

val.value=”重新發送(” + countdown + “)”;

countdown–;

setTimeout(function() {

settime(val)

},1000)

}

}

/script

/body

/html

JavaScript簡介

JavaScript 是腳本語言

JavaScript 是一種輕量級的編程語言。

JavaScript 是可插入 HTML 頁面的編程代碼。

JavaScript 插入 HTML 頁面後，可由所有的現代瀏覽器執行。

JavaScript 課外書

如果 JavaScript 教程學習完畢，並且需要更深入地學習這門語言，《JavaScript 高級教程》絕對是您最好的選擇。本教程從 JavaScript 的歷史開始講起，直到當前它對 XML 和 Web 服務的支持。

將學習到如何擴展該語言，以使它適應特殊的需求。

還將學到如何使用 JavaScript 創建無縫的客戶機 – 服務器通信。

點擊按鈕出現60秒倒計時的簡單js代碼(推薦)

點擊按鈕出現60秒倒計時的簡單js代碼(推薦)

!DOCTYPE

html

PUBLIC

“-//W3C//DTD

XHTML

1.0

Transitional//EN”

“”

html

xmlns=””

head

meta

http-equiv=”Content-Type”

content=”text/html;

charset=utf-8″

/

title點擊按鈕出現60秒倒計時的簡單js代碼(推薦)/title

script

type=”text/javascript”

src=”js/jquery.js”/script

/head

body

input

type=”button”

id=”btn”

value=”免費獲取驗證碼”

onclick=”settime(this)”

/

script

type=”text/javascript”

var

countdown=60;

function

settime(val)

{

if

(countdown

==

0)

{

val.removeAttribute(“disabled”);

val.value=”免費獲取驗證碼”;

countdown

=

60;

}

else

{

val.setAttribute(“disabled”,

true);

val.value=”重新發送(“

+

countdown

+

“)”;

countdown–;

}

setTimeout(function()

{

settime(val)

},1000)

}

/script

/body

/html

以上這篇點擊按鈕出現60秒倒計時的簡單js代碼(推薦)就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

求一個倒計時js代碼,非常簡單的

邏輯如下：

1、先判斷兩個時間的時間差，當然如果得到的時間是13位時間戳的話你需要轉化一下

2、判斷時間夠一天顯示天數，夠一小時顯示小時數

相關代碼：

//獲取時間，時間戳轉換，不是則不轉

var mydate1 = new Date(parseInt(time1.replace(“/Date(“, “”).replace(“)/”, “”)));

var mydate2 = new Date(parseInt(time2.replace(“/Date(“, “”).replace(“)/”, “”))); 

//獲取剩餘秒數 

var timerc =dateDiff(mydate, ‘2015/05/19 10:00:00’) / 1000;

function dateDiff(date1, date2) {

            var dt1 = new Date(Date.parse(date1));

            var dt2 = new Date(Date.parse(date2));

            try {

                return Math.round((dt2.getTime() – dt1.getTime()));

            }

            catch (e) {

                return e.message;

            }

        } 

//循環調用倒計時

  function add() { //加時函數

            –timerc; //時間變量自減1

            var day = parseInt(timerc / 86400);

            var hour = parseInt((timerc % 86400) / 3600);

            var min = parseInt((timerc % 3600) / 60);

            var sec = Number(parseInt(timerc % 60 / 10)).toString() + Number(parseInt((timerc % 10))).toString();

            if (day  0) { //如果不到5分鐘

                $(“#day”).html(day + ‘天’); //寫入天數

                $(“#hour”).html(hour + ‘時’); //寫入小時數

                $(“#min”).html(min + ‘分’); //寫入分鐘數

                $(“#sec”).html(sec + ‘秒’); //寫入秒數（兩位）

            }

            else if (hour  0) {

                $(“#hour”).html(hour + ‘時’); //寫入小時數

                $(“#min”).html(min + ‘分’); //寫入分鐘數

                $(“#sec”).html(sec + ‘秒’); //寫入秒數（兩位）

            }

            else if (min  0) {

                $(“#min”).html(min + ‘分’); //寫入分鐘數

                $(“#sec”).html(sec + ‘秒’); //寫入秒數（兩位）

            }

            else if (sec != ’00’) {

                $(“#sec”).html(sec + ‘秒’); //寫入秒數（兩位）

            }

            else {

                tiao(activity); return true;//時間到0調用函數

            }

            setTimeout(“add()”, 1000); //設置1000毫秒以後執行一次本函數

        };

望採納！

Js倒計時代碼精確到毫秒。

setTimeout(“GetRTime()”, 100); 改為setTimeout(“GetRTime()”, 20); 就是≈50毫秒了，1s = 1000ms，1000 ÷ 50 = 20，然後由於javascript的單線程方式，setTimeout並不一定會在20ms時執行，所以只能說≈了