javascript - 通过使用 setInterval 动态改变值
问题描述
我想通过使用增量函数更改名称,它将每 300 毫秒更改一次名称
class NumberModel {
constructor () {
this.color = 'red';
}
increment () {
const colors = ['orange', 'red', 'green', 'blue'];
setInterval(()=>{this.color = colors[Math.floor(Math.random()*colors.length)];
console.log(this.color)},300);
但是当我创建对象并应用函数增量并运行此代码时,什么也没有发生
解决方案
我没有看到代码有任何问题。
看看下面的代码片段。
class NumberModel {
constructor() {
this.color = 'red';
}
increment() {
const colors = ['orange', 'red', 'green', 'blue'];
setInterval(() => {
const randomIndex = Math.floor(Math.random() * colors.length)
this.color = colors[randomIndex];
console.log(this.color)
}, 300);
}
}
const numberModel = new NumberModel()
numberModel.increment();
推荐阅读
- laravel - Laravel 多个模型(数据库表)相同 - 一种有效的编程方式
- redis - redis值中的子字符串搜索
- javascript - 我在 Github Pages 上部署的 CRA 网站似乎无法正常工作,因为当我使用 VS Code 时它正在我的机器上的 localhost 上工作
- python - 当 PK 为 None 时,为什么 Django 在 INSERT 之前执行 UPDATE?
- jenkins - 在詹金斯插件 JobConfigHistory 中看不到 RestoreOption
- json - 如何解析复杂的 Json,它是颤动的地图列表?
- reactjs - 获取 FlatList 中选定项目的值反应原生
- c# - 如何创建根据 Xamarin Forms 中的值动态更新的圆形进度条
- agent-based-modeling - 尝试根据它们的坐标在补丁上设置不同的颜色
- docker - 如何使用服务器磁盘外部的 WORKING 目录设置 Dockerfile