2021-6-09 js实现滚动网页标题

gossipcy

于 2021-06-09 16:27:01 发布

阅读量325

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/gossipcy/article/details/117747145

版权

前端专栏收录该内容

10 篇文章 0 订阅

订阅专栏

js实现滚动网页标题

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body onload="titleScroll()">

</body>
<script>
    var titleWord="为顶流钱小姐打call"
    var speed=300;
    var titleChange=""+titleWord;
    function titleScroll() {
        if(titleChange.length<titleWord.length)
        titleChange+="-"+titleWord;
        else
            titleChange=titleChange.substring(1,titleChange.length);
        document.title=titleChange.substring(0,titleWord.length);
        window.setTimeout("titleScroll()",speed);

    }
</script>
</html>