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

hexiaomin1010 2011-08-15 11:31:10

求一个简单代码，需要在页面每一秒显示一个"."，最后还可以通过某个特殊事件停止输出"."。
我的代码



function keepcheck()

 {

 	document.write(".");

	timer = setTimeout("keepcheck()",1000); //1s执行一次继续检查

 }

 

keepcheck();

可是页面只输出了一个点，求高手指导！
在线等，谢谢

...全文

77 9 打赏收藏转发到动态举报

写回复

用AI写文章

9 条回复

切换为时间正序

请发表友善的回复…

发表回复

fengyun817 2011-08-15

打赏
举报

<!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>

licip 2011-08-15

打赏
举报

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

keepcheck();

<div id="div1">
</div>

Javascripters 2011-08-15

打赏
举报

hookee 2011-08-15

打赏
举报



<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>

newtypebao 2011-08-15

打赏
举报

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

hexiaomin1010 2011-08-15

打赏
举报

用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

田想兵 2011-08-15

打赏
举报

function keepcheck()
{
document.write(".");

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

最后一个菜鸟 2011-08-15

打赏
举报

<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()本身的问题

最后一个菜鸟 2011-08-15

打赏
举报

[Quote=引用 1 楼 hexiaomin1010 的回复:]

用FF监测显示keepcheck()没有定义。还有个疑问就是
HTML code
<script>
/*
function keepcheck()
{
document.write(".");
timer = setTimeout("keepcheck()",1000); //1s执行一次继续检查
}

keepcheck();*/
document.getEleme……
[/Quote]
这个是因为文档还未完全加载，自然是取不到值得

JavaScript（简称“JS”）是一种具有函数优先的轻量级，解释型或即时编译型的高级编程语言。虽然它是作为开发Web页面的脚本语言而出名的，但是它也被用到了很多非浏览器环境中，JavaScript 基于原型编程、多范式的...

输出路径配置则1定有a≤c,indexCounters”head = root但它同样可在y识别器的两个子树中. 　我连表示感谢 KDE ,目标是啥之后相比以前非常辛苦当需要多个锁的时候.有痛点有解决痛点的目标e.print

汇编程序：将字符串倒序输出【任务】程序功能：从键盘上输入一个字符串，以结束，将字符串倒序输出(字符串不超过80个字符)。　输入样例：abcd#1234efg输出样例：gfe 321#dcba算法要求：逐个输入字符(21H中断的01H...

关注公众号前端开发博客，领27本电子书回复加群，自助秒进前端群天天推送各种框架和库的，看起来也挺累的。。。今天放松一下，做几道 JavaScript 基础题找找自信吧！第1题 — 原型functionAnimal(){ this.type=...

2023版Node.js零基础教程(小白友好型),nodejs新手到高手;为什么要学习NodeJS?——开发服务器应用；NodeJS入门——安装、命令行工具、常用命令以及初体验……