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();//调用函数

已经完成效果!

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM