JS写跑马灯标题

来源:互联网 发布:广西南宁智尚网络骗局 编辑:程序博客网 时间:2024/05/01 17:58
<head>
    <title>我们都是一家人</title>
    <script type="text/javascript">
        var timerId;
        function scrollTitleL() {
            var title = window.document.title;
            var first = title.charAt(0);
            var last = title.substring(1, title.length);
            window.document.title = last + first;
        }
        
        function scrollTitleR() {
            var title = window.document.title;
            var first = title.substring(0, title.length - 1);
            var last = title.charAt(title.length - 1);
            window.document.title = last + first;
        }
//        function scrollTitle() {
//            var str = document.title;
//            str = str.charAt(str.length - 1) + str.substring(0, str.length - 1);
//            document.title = str;
////        }
//        setInterval("scrollTitleR()", 500);
       
      
    </script>
</head>
<body>
    

    <input type="button" name="左滚" value="向左滚动 " onclick="setInterval('scrollTitleL()',1000)" />  //注意:外面是双引号,那么里面就是单引号,否则没实现!
    <!--<input type="button" name ="右滚" value="向右滚动" onclick="setInterval('scrollTitleR()',1000)" />-->
    <!--每次调用setInterval就会产生一个新定时器,并且旧定时器不会停止,就导致滚动得越来越快!-->
    <input type="button" name="name" value="向右滚动" onclick="if(timerId){clearInterval(timerId);}timerId=setInterval('scrollTitleR()',1000)" />
</body>