首页 > 系统管理 > js跑马灯的实现代码
2017
02-04

js跑马灯的实现代码

<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>
<div id="i1" style="display: inline-block;background-color: yellow;font-family: sans-serif;font-size:60px;">欢迎光临Tshare365,祝大家2017开工大吉</div>

<script type="text/javascript">
    //定时器,每一秒执行一次f1函数
setInterval("f1();",1000)
function f1(){
     //js 获取某一个标签 id=s1
var s1=document.getElementById("i1");
     //获取标签的内容
var text = s1.innerText;
     //获取内容的第一个字符
var a = text.charAt(0)
//获取他的长度
var b = text.length;
//alert(b);
//字符串的切割
var sub = text.substring(1,b);
//console.log(sub+a)
var new_str=sub+a;
//对获取的内容重新赋值
s1.innerText=new_str;
}


</script>

</body>
</html>

js字符串常见功能

obj.length                           长度
 
obj.trim()                           移除空白
obj.trimLeft()
obj.trimRight)
obj.charAt(n)                        返回字符串中的第n个字符
obj.concat(value, ...)               拼接
obj.indexOf(substring,start)         子序列位置
obj.lastIndexOf(substring,start)     子序列位置
obj.substring(from, to)              根据索引获取子序列
obj.slice(start, end)                切片
obj.toLowerCase()                    大写
obj.toUpperCase()                    小写
obj.split(delimiter, limit)          分割
obj.search(regexp)                   从头开始匹配,返回匹配成功的第一个位置(g无效)
obj.match(regexp)                    全局搜索,如果正则中有g表示找到全部,否则只找到第一个。
obj.replace(regexp, replacement)     替换,正则中有g则替换所有,否则只替换第一个匹配项,
                                     $数字:匹配的第n个组内容;
                                     $&:当前匹配的内容;
                                     $`:位于匹配子串左侧的文本;
                                     $':位于匹配子串右侧的文本
                                     $$:直接量$符号




最后编辑:
作者:tshare365
这个作者貌似有点懒,什么都没有留下。
捐 赠您的支持是博主写作最大的动力,如果您喜欢我的文章,感觉我的文章对您有帮助,请狠狠点击

留下一个回复