本篇文章給大家?guī)淼膬?nèi)容是關(guān)于html如何實(shí)現(xiàn)計(jì)數(shù)器以及時(shí)鐘的功能代碼 ，有一定的參考價(jià)值，有需要的朋友可以參考一下，希望對你有所幫助。

在許多的網(wǎng)頁中，我們都會看到計(jì)數(shù)器以及時(shí)鐘html上怎么添加計(jì)數(shù)器，那么我們怎么自己實(shí)現(xiàn)著種功能呢？

先說計(jì)數(shù)器，計(jì)數(shù)器的邏輯功能很簡單html上怎么添加計(jì)數(shù)器，就是秒針每秒加一，逢60進(jìn)一就可以。代碼如下：

var index = 0;

var i=0;

/**

* 對時(shí)間進(jìn)行預(yù)先處理，逢60進(jìn)一

*/

(){

= index;

=i;

index++;

if(==60){

=0;

i++;

index=0;

}

if(

= "0"+;

}

if(

="0"+;

}

time = +":"+;

}

/**

* 將獲得的時(shí)間插入到div的區(qū)域

*/

show(){

var time = ();

.("div")[0].=time;

}

/**

* 每秒鐘獲得一次時(shí)間，實(shí)現(xiàn)計(jì)數(shù)功能

*/

set(){

("show()",1000);

}

show();

set();

這樣，一個(gè)簡單的計(jì)數(shù)器就完成了。

時(shí)鐘功能的代碼：

/**

* 向Date類中添加獲取當(dāng)前時(shí)間的方法

*/

Date.. = (){

var year = this.();

var month = this.()+1;

var day = this.();

var week = this.();

week = "星期"+"日一二三四五六".(week);

month = month

day = day < 10 ? "0"+day : day;

var hour = this.();

var = this.();

var = this.();

hour = hour

= < 10 ? "0"+ : ;

= < 10 ? "0"+ : ;

year+"-"+month+"-"+day+" "+week+" "+hour+":"++":"+;

}

(){

var time = new Date().();

.("show"). = time;

}

(){

();

("()",1000);

}

. = (){

();

}

這樣，時(shí)鐘就完成了！