js字符串跑马灯实例

<p id="d1">丈夫自有冲天志，不向如来行处行。</p>
    <script>
        // let a = "rock";
        // a.charAt(1);
        // document.write(a.charAt(0));  //按索引取值
        // document.write(a.charAt(1));
        // document.write(a.substring(0, 2));  //获取字串
        // a.length;  //获取字符串长度
        // setInterval("alert(123);", 2000);  //2秒出现一个弹窗
        // 在浏览器的console中显示内容
        // console.log()
        // 在网页上显示内容
        // document.write(content);
        function f1() {
            // 通过id找到对应标签
            let tag = document.getElementById("d1");
            let content = tag.innerText;
            let f = content.charAt(0);
            let la = content.substring(1, content.length);
            let new_contetn;
            new_contetn = la + f;
            // 设置标签中的值
            tag.innerText = new_contetn;
        }
        // 每0.5秒执行一次f1函数
        setInterval("f1();", 500);
    </script>