我认为我创建的div使页面过载了。有没有办法在一段时间后清除/销毁创建的元素?
下面是代码,但为了更好地理解,请参阅:link
var ct = 0;
let max = 180;
let min = -180;
var xMrgn = 0;
var yMrgn = "440px";
function startCounter() {
if (ct < 50) {
var bbls = document.querySelector('.bbls-amount').value;
var bblSpeed = document.querySelector('.bbls-speed').value;
document.getElementById('bblsQty').innerHTML = bbls
var b = Math.floor(Math.random() * (bbls - 3 + 1) + 3);
for (let i = 0; i < b; i++) {
var a = Math.floor(Math.random() * (max - min + 1) + min);
xMrgn = a + "px";
let div = document.createElement('div');
div.className = 'bubbles';
dv.appendChild(div);
var msxS = bblSpeed * 14;
var minS = bblSpeed * 6;
var s = Math.floor(Math.random() * (msxS - minS + 1) + minS);
$(".bubbles").animate({
"marginLeft": xMrgn,
"bottom": yMrgn
}, s);
}
}
document.getElementById('txt').innerHTML = ct;
var counter = setTimeout(startCounter, 1000);
ct = (ct < 50) ? ct + 1 : 0;
}
startCounter()
1条答案
按热度按时间qoefvg9y1#
有很多令人困惑的变量名和很多“var”,所以我已经改变了代码相当多的时候,我必须理解一切的意思。
这里有一个更接近原始代码的解决方案:
在编写代码时,尽量避免不可读的变量名,特别是如果你想让别人读它,例如在堆栈溢出时。如果你想保留较短的变量名,请留下关于变量是什么以及如何使用它们的注解。非常感谢。