js初学定时器问题.

setTimeout
　　定义和用法:
　　setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。
　　语法:
　　setTimeout(code,millisec)
　　参数：
　　code （必需）：要调用的函数后要执行的 JavaScript 代码串。
　　millisec（必需）：在执行代码前需等待的毫秒数。
　　提示：
　　setTimeout() 只执行 code 一次。如果要多次调用，请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。
　　实例：
　　<html>
　　<head>
　　<script type="text/javascript">
　　function timedMsg()
　　{
　　var t=setTimeout("alert('5 seconds!')",5000)
　　}
　　</script>
　　</head>
　　<body>
　　<form>
　　<input type="button" value="Display timed alertbox!"
　　onClick="timedMsg()">
　　</form>
　　<p>Click on the button above. An alert box will be
　　displayed after 5 seconds.</p>
　　</body>
　　</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">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
     <style>  
    html,body{font-size:12px;margin:0px;height:100%;}  
    .mesWindow{border:#666 1px solid;background:#fff;}  
    .mesWindowTop{border-bottom:#eee 1px solid;margin-left:4px;padding:3px;font-weight:bold;text-align:left;font-size:12px;}  
    .mesWindowContent{margin:4px;font-size:12px;}  
    .mesWindow .close{height:15px;width:28px;border:none;cursor:pointer;text-decoration:underline;background:#fff}  
    </style>  
    <script>  
    var isIe=(document.all)?true:false;  
    //设置select的可见状态  
    function setSelectState(state)  
    {  
     var objl=document.getElementsByTagName('select');  
     for(var i=0;i<objl.length;i++)  
     {  
     objl[i].style.visibility=state;  
     }  
    }  
    function mousePosition(ev)  
     {  
     if(ev.pageX || ev.pageY)  
     {  
     return {x:ev.pageX, y:ev.pageY};  
     }  
     return {  
     x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,y:ev.clientY + document.body.scrollTop - document.body.clientTop  
     };  
     }  
    //弹出方法  
    function showMessageBox(wTitle,content,pos,wWidth)  
    {  
     closeWindow();  
     var bWidth=parseInt(document.documentElement.scrollWidth);  
     var bHeight=parseInt(document.documentElement.scrollHeight);  
     if(isIe){  
     setSelectState('hidden');}  
     var back=document.createElement("div");  
     back.id="back";  
     var styleStr="top:0px;left:0px;position:absolute;background:#666;width:"+bWidth+"px;height:"+bHeight+"px;";  
     styleStr+=(isIe)?"filter:alpha(opacity=40);":"opacity:0.40;";  
     back.style.cssText=styleStr;  
     document.body.appendChild(back);  
     var mesW=document.createElement("div");  
     mesW.id="mesWindow";  
     mesW.className="mesWindow";  
     mesW.innerHTML="<div class='mesWindowTop'><table width='100%' height='100%'><tr><td>"+wTitle+"</td><td style='width:1px;'></td></tr></table></div><div class='mesWindowContent' id='mesWindowContent'>"+content+"</div><div class='mesWindowBottom'></div>";  
      
     styleStr="left:"+(((pos.x-wWidth)>0)?(pos.x-wWidth):pos.x)+"px;top:"+(pos.y)+"px;position:absolute;width:"+wWidth+"px;";  
     mesW.style.cssText=styleStr;  
     document.body.appendChild(mesW);  
    }  
     function showBackground(obj,endInt)  
    {  
     obj.filters.alpha.opacity+=1;  
     if(obj.filters.alpha.opacity<endInt)  
     {  
     setTimeout(function(){showBackground(obj,endInt)},8);  
     }  
    }  
    //关闭窗口  
    function closeWindow()  
    {  
     if(document.getElementById('back')!=null)  
     {  
     document.getElementById('back').parentNode.removeChild(document.getElementById('back'));  
     }  
     if(document.getElementById('mesWindow')!=null)  
     {  
     document.getElementById('mesWindow').parentNode.removeChild(document.getElementById('mesWindow'));  
     }  
      
     if(isIe){  
     setSelectState('');}  
    }  
    //测试弹出  
    function testMessageBox(ev)  
    {  
     var objPos = mousePosition(ev);  
     messContent="<div style='padding:20px 0 20px 0;text-align:center'><span id='timeout'>10.000</span> 秒后 将自动关闭窗口<br><br><input type='button' onclick='closeW();' class='close'  title='确定' value='确定'>&nbsp;&nbsp;<input type='button' onclick='closeWindow();' title='取消' class='close' value='取消' /></div>";  
     showMessageBox('确定要关闭该页面？',messContent,objPos,350);  
     TimeOut();
    }  
    //设计倒计时
    <!--
        var duration=9900;
        var endTime = new Date().getTime() + duration + 100;
        function interval()
        {
            var n=(endTime-new Date().getTime())/1000;
            if(n<0) return;
            document.getElementById("timeout").innerHTML = n.toFixed(3);
            setTimeout(interval, 10);
        }

        function TimeOut()
        {
            setTimeout("closeW();", duration);
            interval();
        }
    function closeW()
    {
    window.opener=null;
    window.close();
    }
        //-->
    </script>  
    </head><body>
    <a href="#none" onclick="testMessageBox(event);">关闭窗口</a>
    </body>
    </html>
      

  2.   

    是不是因为setTimeout("xunhuan()", 1000 );它里面的 xunhuan后面跟个括号就执行呢? 当然会执行xunhuan()这个函数里的东西啦所以说你没有看回的贴子嘛,定义上不是有说吗?????
    setTimeout(code,millisec) 
    　　参数： 
    　　code （必需）：要调用的函数后要执行的 JavaScript 代码串。 
    　　millisec（必需）：在执行代码前需等待的毫秒数。 
      

  3.   

    setTimeout() 方法的返回值是一个唯一的数值，这个数值有什么用呢？
    如果你想要终止 setTimeout() 方法的执行，
    那就必须使用 clearTimeout() 方法来终止，
    而使用这个方法的时候，系统必须知道你到底要终止的是哪一个 setTimeout() 方法 
    (因为你可能同时调用了好几个 setTimeout() 方法)，这样 clearTimeout() 方法就需要一个参数，
    这个参数就是 setTimeout() 方法的返回值 (数值)，
    用这个数值来唯一确定结束哪一个 setTimeout() 方法。 
    看了上面的解释后应该明白var timeid=setTimeout("xunhuan()", 1000 ); 
    这句话的意思是把setTimeout()方法的返回值赋给 timeid就和普通的有返回值的方法一样理解就ok