首页 > 其他 > 详细

动画效果 一行文字每隔0.5s其中一个文字改变颜色 以及charAt()用法展示

时间:2021-05-10 15:24:29      阅读:7      评论:0      收藏:0      [点我收藏+]
<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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!