js代码跑马灯效果-----轮播图字效果!

文字元素:

<p id="yc-msg">你有本事来打我呀!</p>

  

js执行代码:

function ycMsg() {
    // 获取 标签
    var pObj = document.getElementById('yc-msg');
    // 获取文字内容
    var text = document.getElementById('yc-msg').innerText;
    timeID = setInterval(() => {
        var start = text.substring(0, 1);
        var end = text.substring(1);
        // 拼接字符串
        text = end + start;
        // 更换符号内容---
        pObj.innerHTML = text;

    }, 400);

}

ycMsg();//调用函数

已经完成效果!

 

posted @ 2018-11-28 21:46  yaogengzhu  阅读(1449)  评论(0编辑  收藏  举报