美文网首页
JavaScript 简易流动字幕

JavaScript 简易流动字幕

作者: 幽泉流霜 | 来源:发表于2019-02-21 20:37 被阅读0次
      <!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>jstest</title>
    </head>
    <body>
        <div id = "a1">
            jstest
        </div>
        <script>
            function func()
            {
                var tag = document.getElementById("a1");
                var content = tag.innerText;
    
                f = content.charAt(0);
                l = content.substring(1,content.length);
    
                newcontent = l + f;
                tag.innerHTML = newcontent;
            }
            setInterval("func()",100);
        </script>
        
    </body>
    </html>
    

    相关文章

      网友评论

          本文标题:JavaScript 简易流动字幕

          本文链接:https://www.haomeiwen.com/subject/rnadyqtx.html