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();//调用函数
已经完成效果!
一份帮助文档,无论多么仔细,都不会帮助主人多敲一行代码!