JavaScript跑馬燈實例

  1. 知識儲備
    obj.charAt(n): 返回字符串中的第n個字符
    obj.substring(n,m): 根據索引值獲取子序列,n<=子序列<m
    obj.length : 獲取當前字符串長度

    創建一個定時器
    setInterval(“執行代碼”, 時間間隔)

  2. 代碼

        <!DOCTYPE html>
        <html lang="en">
            <head>
                <meta charset="UTF-8">
                <title>Title</title>
            </head>
            <body>
                <div id="i1">歡迎××××蒞臨指導</div>
                <script>
    
                    function f1(){
                        //console.log(1);
                        //根據ID獲取指定標籤的內容
                        var tag = document.getElementById('i1');
                        //獲取標籤內部的內容
                        var content = tag.innerText;
                        //取content的第一個字符
                        var l = content.charAt(0);
                        //取content剩餘的字符
                        var r = content.substring(1, content.length);
                        //拼接
                        var new_str = r + l;
                        //賦值
                        tag.innerText = new_str;
                    }
    
                    // 創建一個定時器
                    //setInterval("alert(123);", 2000); //msecond
                    setInterval("f1()", 500);
                </script>
            </body>
        </html>
    
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章