正在學習js的路程中,今天知道了如何實現簡單倒數計時的功能,比如說,可以用於設計考試定時功能,不是從0開始計時,而是從最後的規定時長開始,如02:00:00一直到00:00:00……現在開始學習,未設定天數的功能
首先,我們要明白幾個方法,
1. setinterval( )方法可以按照指定的週期(以毫秒計)來呼叫函式或計算表示式,如setinterval(function(){}, 1000}。
2. floor( )方法執行的是向下取整計算,它返回的是小於或等於函式引數,並且與之最接近的整數,如math.floor(0.6)為0,math.floor(-5.5)為-6;
3. jquery的html( )方法,返回或設定被選元素的內容,也就是js中的innerhtml();
這裡的$('#time_show').html等同於documen.getelementbyid("time_show").innerhtml(),不過jquery需要引用jquery標頭檔案。
實現計時功能:
1. 定義時長,var intdiff = parseint(4210); //倒計時總秒數量,毫秒為單位
2. 定義變數,var hour=0,
minute=0,
second=0;//時間預設值
3. 寫window.setinterval()函式,每一秒時間進行變化,所以為window.setinterval(function(){}, 1000 )};
4. function裡的函式應讓其實現 時分秒 的顯示,以及能進行變化,主要**如下:
function timer(intdiff)
if (hour <= 9) hour = "0" + hour; //格式設定
if (minute <= 9) minute = "0" + minute;
if (second <= 9) second = "0" + second;
$('#time_show').html(" "+hour+":"+minute+":"+second+"");
intdiff--;
},1000);
同時,在html文件中要進行id的設定,即時間要顯示的位置,最後頁面結果顯示為01:10:10,直至減為00:00 : 00。
如有建議或意見,敬請指導,謝謝!
js實現倒數計時器功能
正在學習js的路程中,今天知道了如何實現簡單倒數計時的功能,比如說,可以用於設計考試定時功能,不是從0開始計時,而是從最後的規定時長開始,如02 00 00一直到00 00 00 現在開始學習,未設定天數的功能 首先,我們要明白幾個方法,1.setinterval 方法可以按照指定的週期 以毫秒計 ...
jsp 自動倒數 jsp倒計時簡單實現方法
當前時間毫秒數 long current time1 system.currenttimemillis 結束時間毫秒數 long end time2 1337875200000l 計算時間差 long time2 end time2 current time1 轉換為秒數 int second in...
mysql計時器 來自mysql的倒 數計時器
我試圖從資料庫建立倒數計時器。我已將deltatimeserver傳送給js。輸出是正確的,但他們凍結 不倒計時,我必須按f5 對我有什麼想法?這是我的 jsfunction countdown show each function var elm this var diftime this.tim...