javaScript实现倒计时功能

今天看到一个博客上有一个很有趣的文本框,里面显示的是2013考研倒计时,很不错的,然后瞅了瞅源代码,发现时javascript实现的,就分享出来了.

距离2013年硕士研究生考试还有:

还行吧~ 因为在我的文章里无法嵌入javascript脚本,所以你看到的是不会动的。

以下是javascript代码,放到网页的相应位置

<code>
<script LANGUAGE="javascript">      
    startclock()      
    var timerID = null;      
    var timerRunning = false;      
    function showtime() {      
    Today = new Date();      
    var NowHour = Today.getHours();      
    var NowMinute = Today.getMinutes();      
    var NowMonth = Today.getMonth();      
    var NowDate = Today.getDate();      
    var NowYear = Today.getYear();      
    var NowSecond = Today.getSeconds();      
    if (NowYear <2000)      
    NowYear=1900+NowYear;      
    Today = null;      
    Hourleft = 23 - NowHour   
    Minuteleft = 59 - NowMinute   
    Secondleft = 59 - NowSecond   
    Yearleft = 2013 - NowYear   
    Monthleft = 1 - NowMonth - 1  
    Dateleft = 14 - NowDate   
    if (Secondleft<0)      
    {      
    Secondleft=60+Secondleft;      
    Minuteleft=Minuteleft-1;      
    }      
    if (Minuteleft<0)      
    {       
    Minuteleft=60+Minuteleft;      
    Hourleft=Hourleft-1;      
    }      
    if (Hourleft<0)      
    {      
    Hourleft=24+Hourleft;      
    Dateleft=Dateleft-1;      
    }      
    if (Dateleft<0)      
    {      
    Dateleft=31+Dateleft;      
    Monthleft=Monthleft-1;      
    }      
    if (Monthleft<0)      
    {      
    Monthleft=12+Monthleft;      
    Yearleft=Yearleft-1;      
    }      
    Temp=Yearleft+'年, '+Monthleft+'月, '+Dateleft+'天, '+Hourleft+'小时, '+Minuteleft+'分, '+Secondleft+'秒'    
    document.form1.left.value=Temp;      
    timerID = setTimeout("showtime()",1000);      
    timerRunning = true;      
    }      
    var timerID = null;      
    var timerRunning = false;      
    function stopclock () {      
    if(timerRunning)      
    clearTimeout(timerID);      
    timerRunning = false;      
    }      
    function startclock () {      
    stopclock();      
    showtime();      
    }      
    // -->      
    </script>  
</code>

 

说明:

在代码中

<code>
    Yearleft = 2013 - NowYear
    Monthleft = 1 - NowMonth - 1
    Dateleft = 14 - NowDate
</code>

既第19、20、21行中的2013、1、14、是具体的时间,你按你的具体时间改写。
改写完毕后你要添加一个input 的文本框 设置文本框的name为left

既代码如下形式

<code>
    <input type="textarea" name="left" size="35">  
</code>

如果你想让倒计时显示在其他控件上,你只需要修改javasript脚本中的

document.form1.left.value=Temp;

既第47行的代码即可~

0 thoughts on “javaScript实现倒计时功能
添加一条新回复 回到顶部

亲爱的,主人已经关闭了这篇文章的评论 。