- <!DOCTYPE html>
- <html>
- <head>
- <title>动态的加载文字</title>
- <script>
- var text = "正在加载,请稍候・・・・・・";
- var i = 0;
- function dynamic_loading(){
- lighting_char = text.charAt(i);//当前正闪烁的字符
- lighting_char = "<strong>" + lighting_char + "</strong>";
- leftStr = text.substr(0,i);//未闪烁的左侧字符串
- rightStr = text.substr(i + 1,text.length - i);//未闪烁的右侧字符串
- txt.innerHTML = leftStr + lighting_char + rightStr;
- i++;
- if (i >= text.length){
- i = 0;
- }
- setTimeout("dynamic_loading()",500);
- }
- </script>
- </head>
- <body onLoad="dynamic_loading()">
- <div id="txt" align="center" style="font-size:28px;font-family:微软雅黑;color:green">
- </div>
- </body>
- </html>
- //该片段来自于http://www.codesnippet.cn/detail/221120137410.html
来源: http://www.codesnippet.cn/detail/221120137410.html