JSFiddle - React, Tailwind, and code Playground

by tea4two

HTML

<p id="msg">あいさつについて。</p>

JavaScript

//メッセージ配列
var msgArr = ['おはようございます','こんにちは','こんばんは','おやすみなさい'];
//インデックス（カウンター）
var msgIndex = 0;

//
function deeperFunc() {
    for(var i=0; i < 500; i++) {
        var foo = i * (Math.random());
        var bar = foo;
        
    }
}

//このスクリプトでのメインの関数。
function simpleFunc() {
    deeperFunc();
    
    var newMsg = msgArr[msgIndex];
    var msgElement = document.getElementById('msg');
    msgElement.innerHTML = newMsg;
    msgIndex++;//カウントアップ
    
    //最初は ifの中の = を取って実行する
    if(msgIndex > msgArr.length) {
        msgIndex = 0;
    }
    
}

//simpleFuncを発動させる関数
function changeMsg() {
    simpleFunc();
}

//ページロード後に、changeMsgを3秒毎に発動させる無名関数。
window.onload = function() {
    setInterval(changeMsg,3000);
};