js 走马灯问题

<script type="text/javascript">
        function txtId() {
            var txt = document.getElementById("txtName");
            var txtInfor = txt.innerHTML;
            var txt3;
            var txtbtn = function () {
                                //截取第一个字符
                                var txt1 = txtInfor.substr(0,1);
                                //截取剩余的字符
                                var txt2 = txtInfor.substr(1);
                                //拼凑新的字符串
                                txt3 = txt1 + txt2;
                            }
                            window.setTimeout(txtbtn, 1000);                  }
    </script>
    <style type="text/css">
        div{ background-color:Blue; width:400px;}
    </style>
</head>
<body>
    <div id="txtName">我爱北京天安门，天安门上太阳升！</div></br>
    <input type="button" value="向左" onclick="txtId()" />    <input type="button" value="向右" />
</body>
</html>请大神帮我分析一下错误在哪谢谢

解决方案 »

  1.   

    方法txtId()只会执行一次，所以肯定不会有走马灯效果的
      

  2.   

    如果实现文字走马灯效果，最简单的就是用<marquee></marquee>
      

  3.   

    setTimeout方法只会执行一次，会实现走马灯效果吗？例如：abc 执行一次之后结果是：bca
    用setInterval方法，每隔一段时间执行一次。
    给你一个例子：
    <script type="text/javascript">
            function MysetInterval() {
                var title = document.title;
                var onestr = "";
                var substr = "";
                //取出第一个字符
                onestr = title.charAt(0);
                //截取剩下的字符
                substr = title.substring(1, title.length);
                //新的字符串
                document.title = substr + onestr;
            }
            setInterval("MysetInterval()", 500); 
    </script>