js倒计时天时分秒php,JS制作分秒倒计时器

这篇文章主要介绍了JavaScript分秒倒计时器实现方法,可实现按照毫秒倒计时的效果,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了JavaScript分秒倒计时器实现方法。分享给大家供大家参考。具体分析如下：

一、基本目标

在JavaScript设计一个分秒倒计时器，一旦时间完成使按钮变成不可点击状态

具体效果如下图，为了说明问题，调成每50毫秒也就是每0.05跳一次表，

真正使用的时候，把window.οnlοad=function(){...}中的setInterval("clock.move()",50);从50调成1000即可。

在时间用完之前，按钮还是可以点击的。

时间用完之后，按钮就不能点击了。

二、制作过程

代码如下:

time remaining

剩余时间：

/*主函数要使用的函数，进行声明*/

var clock=new clock();

/*指向计时器的指针*/

var timer;

window.οnlοad=function(){

/*主函数就在每50秒调用1次clock函数中的move方法即可*/

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

}

function clock(){

/*s是clock()中的

变量

，非var那种全局变量，代表剩余秒数*/

this.s=140;

this.move=function(){

/*输出前先调用exchange函数进行秒到分秒的转换，因为exchange并非在主函数window.onload使用，因此不需要进行声明*/

document

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

/*每被调用一次，剩余秒数就自减*/

this.s=this.s-1;

/*如果时间耗尽，那么，弹窗，使按钮不可用，停止不停调用clock函数中的move()*/

if(this.s<0){

alert("时间到");

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

clearTimeout(timer);

}

}

}

function exchange(time){

/*javascript的除法是浮点除法，必须使用Math.floor取其

整数

部分*/

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

/*存在取余运算*/

this.s=(time%60);

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

/*传过来的形式参数time不要使用this，而其余在本函数使用的变量则必须使用this*/

return this.text;

}