HTML-title标签的文字滚动

DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title id="title">HTML 是用来描述网页的一种语言。    title>
    head>
    <body>
        <script>
            // 滚动标题
            setInterval(function() {
                var tag = document.getElementById('title');//根据id获取元素
                var content = tag.innerText; // 获取title标签的文本内容
                var firstStr = content.charAt(0); // 获取第一个字
                var surplue = content.substring(1, content.length); // 删除第一个字
                var new_content = surplue + firstStr; // 把第一个字加到最后面
                tag.innerText = new_content;
            }, 1000);
        script>
    body>
html>

 

你可能感兴趣的:(HTML-title标签的文字滚动)