JS实现文字的走马灯效果

最新推荐文章于 2024-07-13 16:47:12 发布

耿宇丹

最新推荐文章于 2024-07-13 16:47:12 发布

阅读量5.7k

点赞数 1

分类专栏： JS内容

本文链接：https://blog.csdn.net/gengyudan/article/details/8779367

版权

JS内容专栏收录该内容

13 篇文章 0 订阅

订阅专栏

<title>北京欢迎你</title>
    <script type="text/javascript">
//        //var x = 20;
//        //alert(isNaN(x)); //判断其是不是数字
//        function scroll() {
//            var title = document.title;
//            var fristchar = title.charAt(0); //在从中取第一个字符；(charAt)
//            var rightstr = title.substring(1, title.length); //结束位置必须是title.length;
//            document.title = rightstr + fristchar;
//        }
//        setInterval("scroll()", 500); //每隔0.5秒就动一次;

        //       方法2：实现走马灯效果
        function showinfo1() {
            var info = document.getElementById('Text1');
            info.value = info.value.substr(1) + info.value[0];
        }
        setInterval(showinfo1, 500);

<body>

</body>