<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