js在html中加文字走马灯特效,简单使用js实现跑马灯效果

摘要：

效果：每过50毫秒重复把第一个字符放到最后，达到动态跑马灯效果！

演示效果：

代码如下：html>

js跑马灯效果

阁主博客欢迎您的来访！

setInterval(function ()//通过定时器重复动作

{

var oTxt = document.getElementById('txt'); //获取标签

var txt = oTxt.innerText; //获取标签文本内容

// console.log(typeof txt)  页面控制台查看是string

var first_i = txt[0]; //字符串索引取值

var last_i = txt.slice(1,txt.length);//字符串切片

var new_txt = last_i + first_i;//字符串拼接

oTxt.innerText = new_txt; //拼接后的字符串放到标签文本内容

},50)

感谢您的支持，我会继续努力的!

扫码打赏，你说多少就多少

打开支付宝扫一扫，即可进行扫码打赏哦