<div class="website"> <script type="text/javascript"> var words = "例子123456"; var n2 = 0; var flashing2; var temp2 = []; //依次改变words的格式 for (index = 0; index < words.length; index++) { //将字符串拆分成字符单位处理 document.write( ‘<small id="neonLight">‘ + words.charAt(index) + " </small>" ); } temp2 = document.getElementsByTagName("small"); //逐渐变色 function neon2() { if (n2 == 0) { for (i = 0; i < temp2.length; i++) { temp2[i].style.color = "#fff"; } } //依次变为黄色 if (n2 < temp2.length) { temp2[n2].style.color = "#ffea00"; n2++; } else { //变完回到初始状态 n2 = 0; } } //启动函数 function beginNeon2() { flashing2 = setInterval("neon2()", 500); //每隔1.5秒启动 } beginNeon2(); </script>
</div>
write() 方法可向文档写入 HTML 表达式或 JavaScript 代码
charAt() 方法可返回指定位置的字符
setInterval(“方法名”,时间) 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式
动画效果 一行文字每隔0.5s其中一个文字改变颜色 以及charAt()用法展示
原文:https://www.cnblogs.com/jie98/p/14750829.html