let numberList = document.getElementsByClassName('number') } // 定义一个随机数函数 function getRandomNumber() { return Math.floor(Math.random() * (800 - 600)) + 600; } // 将随机数并入执行跳动函数 function animateNumber() { let number = getRandomNumber(); numberList[0].textContent = number; if (number !== 700) { requestAnimationFrame(animateNumber); } if (number == 700) { numberElem.style.animation = 'none'; } }<div id="du-1" class="du-box-1 du-box"> <div class="number" id="number-1" ></div><div class="du-shu" >度</div> </div>为什么执行函数后没有数字显示插入进来
时间: 2024-03-16 21:43:45 浏览: 450
reactor面试题宝典下载
根据你提供的代码,我发现可能是因为没有获取到 `numberList` 和 `numberElem` 元素,导致无法正确地设置随机数并显示出来。你可以检查一下是否正确获取了这两个元素,如果没有获取到的话可以尝试修改代码如下:
```
let numberList = document.getElementsByClassName('number');
let numberElem = document.getElementById('number-1'); // 获取元素
function getRandomNumber() {
return Math.floor(Math.random() * (800 - 600)) + 600;
}
function animateNumber() {
let number = getRandomNumber();
numberList[0].textContent = number;
if (number !== 700) {
requestAnimationFrame(animateNumber);
}
if (number == 700) {
numberElem.style.animation = 'none'; // 设置样式
}
}
animateNumber(); // 调用函数
```
在上面的代码中,我添加了获取 `numberElem` 元素的代码,并在最后调用了 `animateNumber()` 函数来执行动画。另外,我还修改了在随机数等于 700 时设置样式的代码,使用了 `numberElem` 元素来设置样式。希望能对你有所帮助。
阅读全文