JavaScriptで一定の時間が経過してから間隔を空ける

Question

5秒後にこのJavaScript機能を停止しようとしています。ここで

コードです：

<p id="para"></p> 

var niceThings = ["You're cool", "You're smart", "You're good looking", "You're a baus", "You're a cool cat."]; 
var i =0; 

function compliment() { 

    document.getElementById("para").innerHTML = niceThings[i]; 

    if(i < niceThings.length-1) { 
     i++;  
    } 
    else { 
     i=0;  
    } 
} 

window.onload = setInterval(compliment, 500); 

私はどこかにsetTimeoutメソッドを使用する方法があります確信しているが、私は初心者くさいですよ。何かご意見は？

Answer 1

setIntervalは、そのトラックの愚かな機能を停止するために5秒後にclearIntervalに渡すことができるトークンを返します。

また、モジュロ（%）演算子を使用して、アレイループロジックを簡略化することができます。

var niceThings = [ 
 
    "You're cool", 
 
    "You're smart", 
 
    "You're good looking", 
 
    "You're a baus", 
 
    "You're a cool cat." 
 
] 
 

 
var p = document.getElementById("para") 
 
var i = 0 
 

 
function compliment() { 
 
    p.textContent = niceThings[i] 
 
    i = (i + 1) % niceThings.length 
 
} 
 

 
setTimeout(clearInterval, 5000, 
 
    setInterval(compliment, 500) 
 
)

<p id="para"></p>