本篇文章给大家带来的内容是关于html如何实现计数器以及时钟的功能代码 ，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

在许多的网页中，我们都会看到计数器以及时钟html上怎么添加计数器，那么我们怎么自己实现着种功能呢？

先说计数器，计数器的逻辑功能很简单html上怎么添加计数器，就是秒针每秒加一，逢60进一就可以。代码如下：

var index = 0;

var i=0;

/**

* 对时间进行预先处理，逢60进一

*/

(){

= index;

=i;

index++;

if(==60){

=0;

i++;

index=0;

}

if(

= "0"+;

}

if(

="0"+;

}

time = +":"+;

}

/**

* 将获得的时间插入到div的区域

*/

show(){

var time = ();

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

}

/**

* 每秒钟获得一次时间，实现计数功能

*/

set(){

("show()",1000);

}

show();

set();

这样，一个简单的计数器就完成了。

时钟功能的代码：

/**

* 向Date类中添加获取当前时间的方法

*/

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);

}

. = (){

();

}

这样，时钟就完成了！