文章目录
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<span id="txt">欢迎中国联通领导过来指导</span>
<script type="text/javascript">
function show() {
// 去Html中找到标签并获取内容（DOM
//这个会拿到他标签的对象
var tag = document.getElementById("txt");
//获取他内部的文本数据（得到他的字符串）
var data = tag.innerText;
//让他动态起来，把文本轴的第一个字符拿到再放到最后
//保存字符串第一个数据
var str_data = data[0];
//将截取到的字符串数据（剩下的数据）给新的变量
var other_data = data.substring(1, data.length);
//组合
var new_data = other_data + str_data;
//将新的数据传递给网页标签
tag.innerText = new_data;
}
// JavaScript中的定时器，0.1s执行一次函数
setInterval(show, 100);
</script>
</body>
</html>
-
小知识点
-
substring函数用法substring用于截取字符串的某部分，其基本语法为select substring(字符串或者列名，起始位置，截取长度)from表 -
document.getElementById(id)document.getElementById(id)是javascript中访问某个元素的方法。 2.括号中的id是用来标识某个元素的。 -
.innerText可以获取元素节点(对象)中的文本内容
-
往期回顾
1.【快速开发网站】
2.【浏览器能识别的标签1】
3.【浏览器能识别的标签2】
4.【浏览器能识别的标签3】
5.【浏览器能识别的标签4】
6.【案例1：用户注册】
7.【案例2：用户注册改进】
8.【快速了解 CSS】
9.【常用选择器概念讲解】
10.【CSS基础样式介绍1】
11.【CSS基础样式介绍2】
12.【CSS基础样式介绍3】
13.【CSS基础样式介绍3】
14.【案例 小米商城头标】
15.【案例 小米商城头标总结】
16.【案例 小米商城二级菜单】
17.【案例 商品推荐部分】
18.【伪类简单了解】
19.【position】
20.【案例 小米商城中app图标代码】
21.【边框及总结】
22.【BootSrap初了解】
23.【BootSrap的目录栏】
24.【BootSrap的栅格系统】
25.【案例 博客案例】
26.【案例 登录】
27.【案例 后台管理样例】
28.【图标】
29.【BootStrap依赖】
30.【javascript初了解】
31.【jJavaScript的变量】
32.【jJavaScript的字符串类型】