用javascript做倒计时-demo

First:我们要知道时间的换算关系：

eg:1小时 = 60分 =（60*60）秒。所以：1hours=(60*60)s

在编程当中，时间大多都是用秒来计算的。

Second:我们步入写程序的轨道：

1.我们要写javascript的导入方式代码：

     <script type="text/javascript">

            我是用来写javascript代码的！

      </script>

2.定义一个最大时间并赋值给自定义名称（maxtime）,当然后边的60*60可以根据自己所需是可以改动的。

eg:var maxtime = 60*60     //一个小时，按秒计算，自己调整!

3.自定义函数，函数名就叫CountDown()。写法如下：

 

 

Third:以上代码我来进一步为友友们解释：

利用if...else做条件判断语句。条件为（maxtime>=0）也就是说时间大于0秒，就执行内部程序。

 

minutes = Math.floor(maxtime/60);   

seconds = Math.floor(maxtime%60);   

上边俩句代码也就是第一步我们开始说的时间换算关系。

让分=给定的值除以60（是换算进制单位）Math.floor就是向下取整的意思。代表把一个整数赋值给分（minutes），当然seconds(秒)也是类似。秒就需要用取模运算符去计算了，因为秒数是有除不尽的，需要我们加上它的余数才可以算是完整的秒数。

 

msg = "距离结束还有"+minutes+"分"+seconds+"秒";   

document.all["timer"].innerHTML=msg;   

第一句为输出语句，也就是让msg作为输出语句，输出距离结束还有xx分xx秒。第二句就是获取到26行语句的timer的样式并且将和msg这个等同于。

 

if(maxtime == 5*60) alert('注意，还有5分钟!');   

--maxtime;

第一句就是一个提醒程序员时间就只有5分钟了，alert语句为弹出窗口进行警示。第二句是时间进行减退（它是跟上一个if语句有关联的，切记）。

 

else{   

clearInterval(timer);   

alert("时间到，结束!");   

}  

else（否则）清除定时器。并且弹出警示框：时间到，结束！

 

timer = setInterval("CountDown()",1000);   

这一句是本次函数里边的最核心的语句，因为这就是传说中的调用语句。也就是说我们自定义函数了，但是如果我们没有调用的情况下，函数是不执行的，那么我们就必须记得要有调用语句，要不然写了自定义函数也是白写了！

setInterval是一个定时器函数，语义是循环定时器。里边的参数就是为一个函数名，后边跟的时间（以毫秒为单位）。1000ms也就是一秒时间变动一次。   

 

<div id="timer" style="color:red"></div>

这是第26行，这就是给字体定义了一个颜色为红色。id名是用在上边js代码里边的调用。

 

好了，大家有哪里地方还看不懂的，可以直接留言给君君。或者关注君君微信公众号，进行留言哦！