码迷,mamicode.com
首页 > 其他好文 > 详细

跑马灯小案例

时间:2017-11-17 14:57:05      阅读:153      评论:0      收藏:0      [点我收藏+]

标签:lan   定时器   function   索引   结束   meta   substr   定时   html   

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6 </head>
 7 <body>
 8     <div id="i1">123456789</div>
 9 
10     <script>
11         function func(){
12             // 根据ID获取指定标签的内容,定于局部变量接受
13             var tag = document.getElementById(‘i1‘);
14             // 获取标签内部的内容
15             var content = tag.innerText;
16 
17             var f = content.charAt(0);
18             var l = content.substring(1,content.length);
19 
20             var new_content = l + f;
21 
22             tag.innerText = new_content;
23         }
24         setInterval(‘func()‘, 500);
25     </script>
26 </body>
27 </html>

字符串操作:

a="123456789";

a.chartAt(索引位置)

a.substring(起始位置,结束位置)

a.lenght 获取当前字符串的长度

定时器:

setInterval(‘执行的代码’,间隔时间);

跑马灯小案例

标签:lan   定时器   function   索引   结束   meta   substr   定时   html   

原文地址:http://www.cnblogs.com/zlz-leidaxia/p/7851090.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!