60秒的倒计时牌怎么弄

打开网页，点击确定按钮，60秒走完了后，提示

解决方案 »

  1.   

    http://www.111cn.net/js_a/js.html   介绍你去看看
      

  2.   

    document.getElementById("btnConfirm").onclick(function() {
        var spanTime = document.getElementById("spanTime");
        setTimeout(jishi(dom),1000);
    });function jishi(dom) {
       if(dom.innerText == '0') {
        alert(time over); 
        return;
       }
       dom.innerText = parseInt(dom.innerText) - 1;
       setTimeout(jishi(dom),1000);
    }
      

  3.   

    这个好象不行吧，清除settimtout在哪？？60秒就结束？
      

  4.   


    <!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">  
    <head>  
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  
    <title>无标题文档</title>  
    <script language="JavaScript">
     var EndTimeMsg= "";    
    var overDate = 1000 * 60 * 60 * 24 * 1 + 1000*60;//截止时间:为当前计算机时间+3天    
    var NowTime = new Date();    
    //var EndTime= new Date(2009,01,11,0,0);     
    var EndTime= new Date(NowTime.getTime() + overDate);    
    var EndTimeEndTimeMsg = EndTime.getFullYear() + "年";    
    EndTimeMsgEndTimeMsg = EndTimeMsg + (EndTime.getMonth()+1) + "月";    
    EndTimeMsgEndTimeMsg = EndTimeMsg + (EndTime.getDate()) + "日";    
    EndTimeMsgEndTimeMsg = EndTimeMsg + (EndTime.getHours()) + "时";    
    EndTimeMsgEndTimeMsg = EndTimeMsg + (EndTime.getMinutes()) + "分";    
    EndTimeMsgEndTimeMsg = EndTimeMsg + (EndTime.getSeconds()) + "秒";    
    function GetRTime(){    
        
        NowTime = new Date();    
        var nMS=EndTime.getTime() - 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;    
       // var nMS=Math.floor(nMS/100) % 10;    
        if(nD>= 0){    
            document.getElementById("RemainD").innerHTML=nD;    
            document.getElementById("RemainH").innerHTML=nH;    
            document.getElementById("RemainM").innerHTML=nM;    
            document.getElementById("RemainS").innerHTML=nS ;    
        }    
        else {    
            document.getElementById("CountMsg").innerHTML=　EndTimeMsg +"已过！";    
        }    
        setTimeout("GetRTime()",1000);    
    }    
    window.onload=function(){    
        document.getElementById("EndTimeMsg").innerHTML = EndTimeMsg;    
        GetRTime();    
    }  
    </script>    
    </head>    
    <body>    
    <div id="CountMsg">       
        <strong id="RemainS">XX</strong>秒    
    </div>    
        
    </body>    
    </html>    
      

  5.   


    <!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">  
    <head>  
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  
    <title>无标题文档</title>  
    <script language="JavaScript">
     var EndTimeMsg= "";    
    var overDate = 1000 * 60 * 60 * 24 * 0 + 1000*60;//截止时间:为当前计算机时间+3天    
    var NowTime = new Date();    
    //var EndTime= new Date(2009,01,11,0,0);     
    var EndTime= new Date(NowTime.getTime() + overDate);    
    var EndTimeEndTimeMsg = EndTime.getFullYear() + "年";    
    EndTimeMsgEndTimeMsg = EndTimeMsg + (EndTime.getMonth()+1) + "月";    
    EndTimeMsgEndTimeMsg = EndTimeMsg + (EndTime.getDate()) + "日";    
    EndTimeMsgEndTimeMsg = EndTimeMsg + (EndTime.getHours()) + "时";    
    EndTimeMsgEndTimeMsg = EndTimeMsg + (EndTime.getMinutes()) + "分";    
    EndTimeMsgEndTimeMsg = EndTimeMsg + (EndTime.getSeconds()) + "秒";    
    function GetRTime(){    
        
        NowTime = new Date();    
        var nMS=EndTime.getTime() - 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;    
       // var nMS=Math.floor(nMS/100) % 10;    
        if(nD>= 0){    
            document.getElementById("RemainD").innerHTML=nD;    
            document.getElementById("RemainH").innerHTML=nH;    
            document.getElementById("RemainM").innerHTML=nM;    
            document.getElementById("RemainS").innerHTML=nS ;    
        }    
        else {    
            document.getElementById("CountMsg").innerHTML=　EndTimeMsg +"已过！";    
        }    
        setTimeout("GetRTime()",1000);    
    }    
    window.onload=function(){    
        document.getElementById("EndTimeMsg").innerHTML = EndTimeMsg;    
        GetRTime();    
    }  
    </script>    
    </head>    
    <body>    
    <div id="CountMsg">        <strong id="EndTimeMsg">XX</strong>    
    还有    
        <strong id="RemainD">XX</strong>天    
        <strong id="RemainH">XX</strong>时    
        <strong id="RemainM">XX</strong>分    
        <strong id="RemainS">XX</strong>秒    
    </div>    
        
    </body>    
    </html>    
    这样
      

  6.   

     <span id="spanTime">60</span><br/>
     <input type="button" value="倒计时" onclick="daojishi();"/>
     <script>
      function daojishi() {
      var dom = document.getElementById("spanTime");
      jishi(dom);
      } function jishi(dom) {
      if(dom.innerText == '0') {
       alert('time over');  
       return;
      }
      dom.innerText = parseInt(dom.innerText) - 1;
      setTimeout("daojishi()", 1000);
    }
    </script>
      

  7.   

    用setTimeout倒计时，然后执行一个出牌事件
      

  8.   

    <html>
    <head>
    <script type="text/javascript">
    var t;
    function check(){
        if(t)clearTimeout(t);
        t=setTimeout("alert('Time Out')",60000);
    }
    </script>
    </head>
    <body>
    <input type="button" name="button" id="button" value="确定" onclick="check();" />
    </body>
    </html>
      

  9.   

    来个带显示的  <INPUT id="btn" TYPE="button" VALUE="60秒倒计时开始" ONCLICK='test(60)'>
      <div id="timediv" align="center" style="font-size:40px; font-weight:bold; color:red"></div>
      <SCRIPT LANGUAGE="JavaScript">
      <!--
    var interv;
    var timediv = document.getElementById("timediv");
    function test(sec) {
    timediv.innerHTML = sec;
    document.getElementById("btn").disabled = true;
    interv = setInterval("fun()",1000);
    }
    function fun(){
    timediv.innerHTML = parseInt(timediv.innerHTML, 10) -1;
    if ( parseInt(timediv.innerHTML, 10)==0)
    {
    alert("时间到！");
    window.clearInterval(interv);
    document.getElementById("btn").disabled = false;
    }
    }
      //-->
      </SCRIPT>