《HTML5+CSS3+JavaScript 從入門到精通（標准版）》學習筆記 (二)

這是一個應用的例子,學以致用嘛

<!--這些代碼我就直接放在了博客園的"頁首Html代碼"中,用於自定義博客,效果就是頁面左上角的白色文字-->
<p>
    <a href="http://justsong.xyz/archives/"><!--指向我的簡陋的個人網站的鏈接,如果你有興趣自己也搞一個,這個是教程:  http://justsong.xyz/2018/06/09/hello-world/ -->
        <font size="3" color="white" face="verdana" id="text">
            I HOPE IT IS USERFUL TO YOU
        </font>
    </a>
</p>
<script>//需要向博客園申請JavaScript權限
    var i = 0;
    setInterval("changeText()", 1200);//每1.2秒調用changText()函數一次
    function changeText() {
        var element = document.getElementById("text");//如函數名
        var textArray = ['CLICK IT IF YOU WANT', 'HERE IS MY PERSON WEBSITE', 'WELCOME YOU TO VISITE', 'I HOPE IT IS USERFUL TO YOU',"I HOPE THIS FLASHING WORDS DON'T MAKE YOU NAUSEOUS"];//這是一個數組
        if (i == textArray.length) {
            i = 0;
        }
        else {
            element.innerHTML = textArray[i++];//改變組件的HTML代碼
        }
    }
</script>

升級版

<p>
    <a href="http://justsong.xyz/archives/">
        <font size="3" color="white" face="verdana" id="text">I HOPE IT IS USERFUL TO YOU</font>
    </a>
</p>
<script>

    var i = 0;
    if(Math.round(Math.random())==0){
        if (Math.round(Math.random()) == 0) {
            setInterval("changeText()", 1200);
        }
        else {
            setInterval("changeText2()", 500);
        }

    }
    else{
         setInterval("changeText2()", 300);
    }

    function changeText() {
        var element = document.getElementById("text");
        var textArray = ['CLICK IT IF YOU WANT', 'HERE IS MY PERSON WEBSITE', 'WELCOME YOU TO VISITE MY WEBSITE', 'I HOPE IT IS USERFUL TO YOU', "I HOPE THIS FLASHING WORDS DON'T MAKE YOU NAUSEOUS"];
        if (i == textArray.length) {
            i = 0;
        }
        else {
            element.innerHTML = textArray[i++];
        }
    }

    function changeText2() {
        var element = document.getElementById("text");
        var textArray = ['145.256.256.89 login: root'
        , 'Password: '
        ,'Password: *'
        , 'Password: **'
        , 'Password: ***'
        , 'Password: ****'
        , 'Password: *****'
        , 'Password: ******'
        , 'Password: *******'
        , 'Password: ********'
        , 'Password: *********'
        , 'Password: **********'
        , 'Password: ***********'
        ,'FAILED,TRY AGAIN:'
        , 'Password: '
        , 'Password: *'
        , 'Password: **'
        , 'Password: ***'
        , 'Password: ****'
        , 'Password: *****'
        , 'Password: ******'
        , 'Password: *******'
        , 'Password: ********'
        , 'Password: *********'
        , 'Password: **********'
        , 'Password: ***********'
        ,'root@145.256.256.89: CONNECT TO SERVER'
        , 'root@145.256.256.89: FAILED'
        , 'root@145.256.256.89: TRY AGAIN, REST TIME: 3'
        , 'root@145.256.256.89: TRY AGAIN, REST TIME: 2'
        , 'root@145.256.256.89: TRY AGAIN, REST TIME: 1'
        , 'root@145.256.256.89: CONNECTED'
        , 'root@145.256.256.89: CLICK HERE TO SEE DETILED INFORMATION'
        , 'root@145.256.256.89: CLICK HERE TO SEE DETILED INFORMATION'
        , 'root@145.256.256.89: CLICK HERE TO SEE DETILED INFORMATION'
        ,'root@145.256.256.89: AN UNEXPECTED ERROR OCCURED, PLEASE VISITE http://justsong.xyz FOR MORE INFORMATION'
        , 'root@145.256.256.89: AN UNEXPECTED ERROR OCCURED, PLEASE VISITE http://justsong.xyz FOR MORE INFORMATION'
        , 'root@145.256.256.89: AN UNEXPECTED ERROR OCCURED, PLEASE VISITE http://justsong.xyz FOR MORE INFORMATION'
        , 'root@145.256.256.89: AN UNEXPECTED ERROR OCCURED, PLEASE VISITE http://justsong.xyz FOR MORE INFORMATION'
        ];
        if (i == textArray.length) {
            i = 0;
        }
        else {
            element.innerHTML = textArray[i++];
        }
    }
</script>