定时器setInterval， innerText获取文本， charAt()获取单个字符串， substring(1, content.length)获取范围内的字符串，实现字符串的滚动效果

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div id="i1">欢迎老男孩莅临指导</div>

    <script>
        function func(){
       //根据ID获得指定标签的内容
        var tag = document.getElementById('i1')

        var content = tag.innerText;

        var f = content.charAt(0);//获取第一个字
        var l = content.substring(1, content.length);//获取第二个字到最后

        var new_content = l + f;//重新组合
        tag.innerText = new_content;//重新赋值

    }
   setInterval('func()', 500); //0.5秒重复上述动作
    </script>
</body>
</html>

定时器setInterval， innerText获取文本， charAt()获取单个字符串， substring(1, content.length)获取范围内的字符串， 实现字符串的滚动效果

猜你喜欢

定时器setInterval， innerText获取文本， charAt()获取单个字符串， substring(1, content.length)获取范围内的字符串，实现字符串的滚动效果