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();//调用函数
已经完成效果!
版权声明:本文为yaogengzhu原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。