最近在浏览网站的时候经常可以看到“距离广州亚运还有多少天”,看久了很喜欢这个效果,很希望能放在我的网站上去。
于是我上网找了代码,原来已经有高手用js写出倒计时全码了,非常开心,修改了一下,放到我的网站上去,感觉非常完美,开心啊。谢谢那个高手,虽然不知他叫什么名字!
以下是我做出来的效果截图:以下我提供源代码,欢迎有需要的朋友下载使用:
http://www.163css.com/haoqi/log/634096944626840000.html

解决方案 »

  1.   


    <!doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312">
    <head>
    <head>
    <title> 倒计时效果 </title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <script language="JavaScript">
    <!-- //
    var startTime = new Date();
    var EndTime=startTime.getTime()+100*60*1000;//改成开幕时间比如('2012/5/5')
    function GetRTime(){
    var NowTime = new Date();
    var nMS =EndTime - NowTime.getTime();
    //var nD =Math.floor(nMS/(1000 * 60 * 60 * 24));
    var nH=Math.floor(nMS/(1000*60*60)) % 24;
    var nM=Math.floor(nMS/(1000*60)) % 60;
    var nS=Math.floor(nMS/1000) % 60;
     //document.getElementById("RemainD").innerHTML=nD;
     document.getElementById("RemainH").innerHTML=nH;
     document.getElementById("RemainM").innerHTML=nM;
     document.getElementById("RemainS").innerHTML=nS;
    if(nMS>5*59*1000&&nMS<=5*60*1000)
    {
    alert("还有最后五分钟!");
    }
    setTimeout("GetRTime()",1000);
    }
    window.onload=GetRTime;
    // -->
    </script>
    </head>
    <body>
    <div id="CountMsg">倒计时还有:<strong id="RemainD"></strong><strong id="RemainH">XX</strong>时<strong id="RemainM">XX</strong>分<strong id="RemainS">XX</strong>秒</div>
    </body>
    </html>