如何用JavaScript实现时间递减的效果？

类似，自己修改：<html>
<head>
<title>使用文本框来创建动态变化的倒计时时钟</title>
</head>
<body onload="showtime();" bgcolor="aabbff">
下面的动态显示的倒计时时钟，是通过表单元素中的文本框实现的。<br>
<script language="javascript">
function showtime()
{
var date=new Date();
var year=date.getYear();
var month=date.getMonth ();
var day=date.getDate ();
var hours=22-date.getHours();
var mins=59-date.getMinutes ();
var secs=59-date.getSeconds ();
//var hours_minus=22-hours;
//var mins_minus=59-mins;
//var secs_minus=59-secs;
if (month+1==1) var days=28+31*5+30*3+1-day;
if (month+1==2) var days=31*4+30*3+1-day;
if (month+1==3) var days=31*4+30*3+1-day;
if (month+1==4) var days=31*3+30*3+1-day;
if (month+1==5) var days=31*3+30*2+1-day;
if (month+1==6) var days=31*2+30*2+1-day;
if (month+1==7) var days=31*2+30+1-day;
if (month+1==8) var days=31+30+1-day;
if (month+1==9) var days=30+1-day;
if (month+1==10) 
{
var days=1-day;
if (days<0) document.clock.face.value="国庆已经过去了，你真是两耳不问窗外事呀！！！";
if (month+1>10) document.clock.face.value="国庆已经过去了，你真是两耳不问窗外事呀！！！";
}
else
{
var minus="距离国庆节还有："+days+"天"+hours+"小时"+mins+"分钟"+secs+"秒";
document.clock.face.value=minus;
window.setTimeout("showtime()",1000);
}
}
</script>
<form name="clock">
<p align="center">
<input type="text" name="face" size="56" style="background-color:#aabbff;border-bottom:0px;border-left:0px;border-right:0px;border-top:0px;color:#ff0000">
</p>
</form>
</body>
</html>

解决方案 »

  1.   

    <script language="javascript">
    var sm;
    function closeit() {
      var arr=ttt.innerText.split(":");
      var hh=parseInt(arr[0]);
      var mm=parseInt(arr[1]);
      var ss=parseInt(arr[2]);
      sm=hh*3600+mm*60+ss;
      setInterval("f();",1000);
      setTimeout("window.opener=null;;self.close()",sm*1000) ;
    }
    function f(){
      var ss=sm % 60;var mm=Math.floor(sm/60);
      var hh=Math.floor(mm/60);
      mm=mm % 60;
      ttt.innerText=hh+":"+mm+":"+ss;  
      sm--;
    }
    </script>
    <body  onload="closeit()" >
    <label id="ttt">3:20:00</label>
    </body>