高手进来看看，js简单输出

求一个简单代码，需要在页面每一秒显示一个"."，最后还可以通过某个特殊事件停止输出"."。
我的代码function keepcheck()
 {
  document.write(".");
timer = setTimeout("keepcheck()",1000); //1s执行一次继续检查
 }
 
keepcheck();可是页面只输出了一个点，求高手指导！
在线等，谢谢

解决方案 »

  1.   

    用FF监测显示keepcheck()没有定义。还有个疑问就是
    <script>
    /*
    function keepcheck()
     {
      document.write(".");
    timer = setTimeout("keepcheck()",1000); //1s执行一次继续检查
     }
     
    keepcheck();*/
    document.getElementById('test').innerHTML="1";
    </script>
    <body>
    <div id="test"></div>
    </body>这样写为什么提示document.getElementById('test')为null
      

  2.   

    第一次  document.write("."); 输出了一个点
    第二次  document.write("."); 输出了一个点，覆盖了第一次的点
    第三次  document.write("."); 输出了一个点，覆盖了第二次的点
      

  3.   


    <span id="p"></span>
    <script type="text/javascript">
    var timer = null;
    function keepcheck()
    {
        if(timer == null){clearTimeout(timer); timer = null;}
        document.getElementById("p").innerHTML += ".";
        timer = setTimeout(keepcheck, 1000); //1s执行一次继续检查
    }
    onload = function(){
    keepcheck();
    }
    </script>
      

  4.   

    var timer = null；
    function keepcheck(){
        timer = setInterval(function(){
            document.write(".");
        },1000); //1s执行一次继续检查
    }
    function stopKeep(){
         clearTimeout(timer);
    }
    //运行代码
    keepcheck();
    setTimeout(stopKeep,5000)
      

  5.   

    function keepcheck()
     {
         document.getElementById("div1").innerHTML += ".";
         timer = setTimeout("keepcheck()",1000); //1s执行一次继续检查
     }
     
    keepcheck();
    <div id="div1">
    </div>
      

  6.   

    <!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" xml:lang="zh">
    <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <style type="text/css">
    div{width:100%;height:100px;border:solid 1px red;}
    </style>
    <script type="text/javascript">
    var $ =  function(id){ return document.getElementById(id);};
    var timer;
    window.onload = function(){
    $("btn").onclick=function(){

    if(timer&&this.value=="暂停")
    clearInterval(timer);
    else
    timer = setInterval(print,1000);
    this.value=this.value=="暂停"?"继续":"暂停";
    }
    }

    function print(){
    $("test").innerHTML=$("test").innerHTML+'.';
    }

    </script>
    </head>
    <body>
    <div id="test"></div>
    <input type="button" value="继续" id="btn" />
    </body>
    </html>
      

  7.   

    <html><head>
    <script type="text/javascript" src="jquery-1.4.1.js"></script>
    <script type="text/javascript">
    var count=0;
    function keepcheck()
     {
       document.write(count);
        count++;
        var timer = setTimeout("keepcheck()",1000); 
     }


    keepcheck(); 
    </script>
    </head><body >
    <form></form>
    </body></html>结果是在界面先显示0，然后显示1，最后一直等待无响应，基本上是符合二楼的观点
    至于原因我想应该是document.write()本身的问题
      

  8.   

    function keepcheck()
     {
         document.write(".");
        
     }
     keepcheck();
    timer = setTimeout("keepcheck()",1000); //1s执行一次继续检查