作者TYBS (ＴＹＢＳ)
看板Ajax
标题[ js ] 按钮後逐行显示文字的效果
时间Thu Dec 22 15:27:56 2011
各位前辈好
我想要做一个效果
按下按钮或连结後，文字会相隔秒数逐行显示出来
我有找到一个类似的范例，但他是开启网页就自动显示（body onload）
不知有没有类似效果，或者可以怎麽修改此范例
来达到我的需求
范例：
====================================================
<script language="javascript">
<!--
text = new Array("第一行","第二行","第三行");
i = 0;
str = "";
function type(){
str += text[i] + "<br>";
txt.innerHTML = str;
i++;
if (i>=text.length)i=0;
setTimeout("type()",300);
}
//-->
</script>
<body onload="type()">
<div id="txt"></div>
===================================================
谢谢
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 60.251.120.158
※ 编辑: TYBS 来自: 60.251.120.158 (12/22 15:28)
1F：→ TonyQ:你把body的onload拿掉，把type() 放到button的onclick去就 12/22 15:29
2F：→ TonyQ:好了。当作最基本的js练习... 12/22 15:29
3F：→ TYBS:有这样试过，但不行耶 <a href="#" onclick="type()">A</a> 12/22 15:31
4F：→ TonyQ:你的code只有第一次跑会动喔，第二次跑只後会因为i已经太大 12/22 15:32
5F：→ TonyQ:了，就不会继续显示了。你要先确定这是你想要的行为 12/22 15:33
6F：→ TonyQ:不然你就再onclick时把i归零再跑跑看 12/22 15:33
7F：→ TonyQ:anyway 没sample没真相 12/22 15:33
9F：→ TonyQ:我说你改过不会动的完整codey 12/22 15:36
10F：→ TonyQ:贴上来看看 12/22 15:36
11F：→ TYBS:就是如你说的 把onload拿掉 加一个button里onclick 12/22 15:37
12F：→ TYBS:试过 <button onclick="type()"></button> 12/22 15:40
13F：→ TYBS:<input type="button" onclick="type()"></input> 12/22 15:40
14F：→ TYBS:<a href="#" onclick="type()"></a> 都出现物件不支援此动作 12/22 15:41
15F：→ TYBS:当然解决按钮问题後，还要加上让文字停止的语法....=.= 12/22 15:42
17F：→ TonyQ:这个sample 问题太多了 , txt 是用ieonly的写法, 12/22 15:45
18F：→ TonyQ:变数没有定义，最麻烦的是 type() 似乎踢到关键字雷。XD 12/22 15:45
19F：→ TonyQ:至於怎麽停下，只要修改一行就可以了 12/22 15:45
20F：→ TonyQ:xhttp://jsfiddle.net/3z3A5/1/ 12/22 15:46
21F：→ TYBS:哇 非常感谢，谢TonyQ， m(_ _)m 12/22 15:52