原生js寫倒計時的兩種形式

2021-10-19 20:04:43 字數 812 閱讀 6751

形式1:10到0遞減

"time"

>

10div

>

>

var time = document.

getelementbyid

("time"

)// 設定時間

var i =

10// 開啟計時器,每間隔一秒執行一次函式

var time1 =

setinterval

(function()

time.innerhtml = i--;}

,1000);

script

>

形式2:剩餘搶購: 21天10小時40分30秒;

"timer"

>

div>

>

function timedown(id, enddatestr)

if (hours < 10)

if (minutes < 10)

if (seconds < 10)

//輸出到頁面

document.getelementbyid(id).innerhtml = "剩餘搶購:" + days + "天" + hours + "小時" + minutes + "分" + seconds +

"秒";

//延遲一秒執行自己

settimeout(function () , 1000)} }

timedown('timer', '2021-02-22 23:11:00') //你想從未來的是麼時候寫就在這裡把這個值修改一下

原生js關於倒計時的原理

倒計時經常會在專案中或者電商類 比如 或者拼單等等中會有出現,今天就了解一下它的原理,然後寫乙個簡單的倒計時例子。其實關於倒計時原理很簡單 就是用未來的時間減去去現在的時間然後換算即可。未來的時間點 不變 減現在的時間點 在變 來看簡單的例子 計算一下距離今年五一還有多長時間?直接來看 布局 spa...

用js計時器寫倒計時

寫倒計時的思路 1,設定要到的時間。2,獲取當前時間。3,計算時,分,秒,毫秒的時間差,4,用計時器把整個倒計時函式包裝起來 1,倒計時內容部分 var timego newdate 2019 6 30 12 00 00 倒計時要到的時間 var timenow newdate 獲取當前時間 var...

js 倒計時 兩個時間段倒計時

業務需求 分別在規定的兩個時間段內進行 搶券倒計時 例如 時間一 2020 01 16 00 00 00 開始搶券,2020 01 16 23 59 59 結束搶券 時間二 2020 01 17 12 00 00 開始搶券 2020 01 17 23 59 59 結束搶券 html js let c...