JavaScript实现打字效果的方法

这篇文章主要介绍了JavaScript实现打字效果的方法,可实现文字陆续出现的打字效果,涉及javascript时间函数及页面元素获取的相关技巧,需要的朋友可以参考下

本文实例讲述了JavaScript实现打字效果的方法。分享给大家供大家参考。具体实现方法如下：

1. <input type="button" onclick='start("高考了")' value="start"/> 
2. <input type="text" id="here" /> 
3. <script type="text/javascript"> 
4. function start(str1) 
5. { 
6. str=str1; 
7. len=str.length; 
8. i=0; 
9. dwrite(); 
10. } 
11. function dwrite() 
12. { 
13. document.getElementById('here').value=document.getElementById('here').value + str.charAt(i); 
14. if( i++ ==len ) 
15. { 
16. i=0; 
17. return true; 
18. } 
19. setTimeout('dwrite()',500); 
20. } 
21. </script> 

希望本文所述对大家的javascript程序设计有所帮助。