js-网页title标题文字滚动显示效果

你好瘦

于 2019-03-04 09:22:35 发布

阅读量3.8k

点赞数 1

分类专栏：常见功能实现

本文链接：https://blog.youkuaiyun.com/weixin_40002964/article/details/88099583

版权

常见功能实现专栏收录该内容

8 篇文章

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>感谢啊实打实大所大所大所大所大大奥奥奥奥奥奥奥奥奥奥奥奥奥奥奥奥奥</title>
</head>
<script>
    var text = document.title;  //定义文章的title
    var timerID;    //定义时间变量
    function newtext() {    //定义函数
        clearTimeout(timerID);  //清除定时器
        document.title = text.substring(1, text.length) + text.substring(0, 1); //substring()方法用于提取字符创中介于两个指定下标之间的字符
        text = document.title.substring(0, text.length);
        timerID = setTimeout("newtext()", 100)
    }
</script>
<body onload="newtext()">
    <br>预览效果请看标题栏 ↑<br>
</body>
</html>