我有這個代碼：
function addInDiv() {
let div = document.getElementById("divName");
div.innerHTML = '<p>' "test" '</p>'
}
setInterval(addInDiv, 1000);
這段代碼使
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
...無限地淹沒計算機CPU。
我希望“divName”只包含已添加的最后 5 行 div.innerHTML
那么，如何顯示最后 5 行，以免淹沒 html 頁面和 PC 的 CPU
謝謝
uj5u.com熱心網友回復：
將附加元素的數量存盤在一個變數中，每次附加時增加它，并檢查它是否被附加了 5 次。如果有，取消間隔。
var appended = 0;
var interval
function addInDiv() {
if ( appended == 6) {
clearInterval(interval)
}
let div = document.getElementById("divName");
div.innerHTML = '<p>' "test" '</p>'
}
interval = setInterval(addInDiv, 1000);<div id="divName"></div>uj5u.com熱心網友回復：
使用 jQuery：
var counter = 0;
function addInDiv() {
counter
if(counter <= 5) {
$('#divName').append('<p>' "test" '</p>');
}
}
setInterval(addInDiv, 1000);
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/347863.html
標籤：javascript html 查询 dom