這篇文章主要介紹了JavaScript分秒倒計(jì)時(shí)器實(shí)現(xiàn)方法,可實(shí)現(xiàn)按照毫秒倒計(jì)時(shí)的效果,具有一定參考借鑒價(jià)值,需要的朋友可以參考下

本文實(shí)例講述了JavaScript分秒倒計(jì)時(shí)器實(shí)現(xiàn)方法。分享給大家供大家參考。具體分析如下：

一、基本目標(biāo)

在JavaScript設(shè)計(jì)一個(gè)分秒倒計(jì)時(shí)器，一旦時(shí)間完成使按鈕變成不可點(diǎn)擊狀態(tài)

具體效果如下圖，為了說明問題，調(diào)成每50毫秒也就是每0.05跳一次表，

真正使用的時(shí)候，把window.οnlοad=function(){...}中的setInterval("clock.move()",50);從50調(diào)成1000即可。

在時(shí)間用完之前，按鈕還是可以點(diǎn)擊的。

時(shí)間用完之后，按鈕就不能點(diǎn)擊了。

二、制作過程

代碼如下:

time remaining

剩余時(shí)間：

/*主函數(shù)要使用的函數(shù)，進(jìn)行聲明*/

var clock=new clock();

/*指向計(jì)時(shí)器的指針*/

var timer;

window.οnlοad=function(){

/*主函數(shù)就在每50秒調(diào)用1次clock函數(shù)中的move方法即可*/

timer=setInterval("clock.move()",50);

}

function clock(){

/*s是clock()中的

變量

，非var那種全局變量，代表剩余秒數(shù)*/

this.s=140;

this.move=function(){

/*輸出前先調(diào)用exchange函數(shù)進(jìn)行秒到分秒的轉(zhuǎn)換，因?yàn)閑xchange并非在主函數(shù)window.onload使用，因此不需要進(jìn)行聲明*/

document

.getElementById("timer").innerHTML=exchange(this.s);

/*每被調(diào)用一次，剩余秒數(shù)就自減*/

this.s=this.s-1;

/*如果時(shí)間耗盡，那么，彈窗，使按鈕不可用，停止不停調(diào)用clock函數(shù)中的move()*/

if(this.s<0){

alert("時(shí)間到");

document.getElementById("go").disabled=true;

clearTimeout(timer);

}

}

}

function exchange(time){

/*javascript的除法是浮點(diǎn)除法，必須使用Math.floor取其

整數(shù)

部分*/

this.m=Math.floor(time/60);

/*存在取余運(yùn)算*/

this.s=(time%60);

this.text=this.m+"分"+this.s+"秒";

/*傳過來的形式參數(shù)time不要使用this，而其余在本函數(shù)使用的變量則必須使用this*/

return this.text;

}

總結(jié)

以上是生活随笔為你收集整理的js倒计时天时分秒php,JS制作分秒倒计时器的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。