这里是我的空间,是我用来记录点滴的沃土...

js打字效果

    <script type="text/javascript">

        var text = "JavaScript实现的打字效果";     //预定文字

        var delay = 200;                     //文字出现的时间间隔

        var i = 0;                           //初始化变量 i

        function scrollit() {

            //设置 id 为 demo 的对象内的文字为从变量 text 的 0 开始到 i 间的文字加"_"

            var demo = document.getElementById("demo");

            demo.innerHTML = text.slice(0, i++) + "_";

            if (i > text.length) {              //当 i 大于 text 的文本长度时

                i = text.length;

                demo.innerHTML = text.substr(0, i);                      //重设 i 为 0,使文字重新从第一个文字出现

                //延时执行scrollit()函数,delay*10是为了让显示完整文字的时间长一点

                setTimeout("scrollit()", delay * 10);

            }

            //否则在delay毫秒后再次执行scrollit()函数

            else setTimeout("scrollit()", delay);

        }

        scrollit() //调用scrollit()函数

    </script>

posted @ 2011-08-09 17:30  wsx2miao  Views(1779)  Comments(0Edit  收藏  举报
这里是我的空间,是我用来记录点滴的沃土...