怎样在JSP页面 简单实现时间倒计 比如10 9 8 ..............这样的

解决方案 »

  1.   


    <br>
    <!--倒计时设置代码-->
    <script language="JavaScript">
    <!-- hide script from old browser
    var DifferenceHour = -1
    var DifferenceMinute = -1
    var DifferenceSecond = -1
    var Tday = new Date("December 19, 1986 20:00:00")   //**倒计时时间点-注意格式
    var daysms = 24 * 60 * 60 * 1000
    var hoursms = 60 * 60 * 1000
    var Secondms = 60 * 1000
    var microsecond = 1000
    function clock()
    {
    var time = new Date()
    var hour = time.getHours()
    var minute = time.getMinutes()
    var second = time.getSeconds()
    var timevalue = ""+((hour > 12) ? hour-12:hour)
    timevalue +=((minute < 10) ? ":0":":")+minute
    timevalue +=((second < 10) ? ":0":":")+second
    timevalue +=((hour >12 ) ? " PM":" AM")
    // document.formnow.now.value = timevalue
    var convertHour = DifferenceHour
    var convertMinute = DifferenceMinute
    var convertSecond = DifferenceSecond
    //var Diffms = Tday.getTime() - time.getTime()
    var Diffms = time.getTime() - Tday.getTime()
    DifferenceHour = Math.floor(Diffms / daysms)
    Diffms -= DifferenceHour * daysms
    DifferenceMinute = Math.floor(Diffms / hoursms)
    Diffms -= DifferenceMinute * hoursms
    DifferenceSecond = Math.floor(Diffms / Secondms)
    Diffms -= DifferenceSecond * Secondms
    var dSecs = Math.floor(Diffms / microsecond)
    if(convertHour != DifferenceHour) document.formnow.dd.value=DifferenceHour
    if(convertMinute != DifferenceMinute) document.formnow.hh.value=DifferenceMinute
    if(convertSecond != DifferenceSecond) document.formnow.mm.value=DifferenceSecond
    document.formnow.ss.value=dSecs
    // document.formnow.Tnow.value= DifferenceHour DifferenceMinute + DifferenceSecond + dSecs
    setTimeout("clock()",1000)
    }
    // end hiding -->
    </script>
    </head>
    <!--BODY里面的ONLOAD注意-->
    <body onload="clock();return true" text="blue">
    <!--实现显示-->
    <form name="formnow">
    <input name="dd" type="text" style="border:0;" size=2>

    <input name="hh" type="text" style="border:0;" size=2>
    小时
    <input name="mm" type="text" style="border:0;" size=2>

    <input name="ss" type="text" style="border:0;" size=2>

    </form>
    <!--倒计时完毕-->
      

  2.   

    javascript<body onload="enable_button()">  <script language="javascript">
     
    var time=10;
        var timeout=null;
        function enable_button(){
            var bt=document.getElementById("bt");
            if(time>0){
                bt.innerText = "还剩余"+time+"秒";          
                time=time-1;
                timeout=window.setTimeout(enable_button,1000);    
            }else{          
                bt.innerText = "倒计时结束!";            
             window.clearTimeout(timeout);
            }
        } 
     </script>
    <div id="bt"></div>
      

  3.   

    可以参考这个:
    <span id="time">5</span>秒钟后自动跳转,如果不跳转,请点击下面链接<script language="JavaScript1.2" type="text/javascript">
    function delayURL(url) {
    var delay = document.getElementById("time").innerHTML;
    if(delay > 0) {
    delay--;
    document.getElementById("time").innerHTML = delay;
    } else {
    window.top.location.href = url;
        }
        setTimeout("delayURL('" + url + "')", 1000); //delayURL(http://wwer)
    }
    </script><script type="text/javascript">delayURL("http://www.sohu.com");</script>