javascript实现状态栏文字首尾相接循环滚动的方法

这篇文章主要介绍了javascript实现状态栏文字首尾相接循环滚动的方法,实例分析了javascript定时函数及页面元素属性操作的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了javascript实现状态栏文字首尾相接循环滚动的方法。分享给大家供大家参考。具体实现方法如下：

1. <html> 
2. <head> 
3. <title>中国风</title> 
4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
5. <script language="JavaScript"> 
6. <!--hide 
7. var message="^_^欢迎光临本站!"; 
8. var position = 0; 
9. var sta=""; 
10. var x=2*(60/message.length); 
11. for(i=0;i<x;i++){ 
12. sta+=message; 
13. } 
14. function statusScroll(){ 
15. window.status=sta.substring(position,position+60); 
16. if(position++==60) 
17. position=0; 
18. } 
19. --hide--> 
20. </script> 
21. </head> 
22. <body> 
23. <script language="JavaScript"> 
24. setInterval("statusScroll()",150); 
25. // 使用setInterval()按时间间隔调用函数 
26. </script> 
27. </body> 
28. </html> 

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