我正試圖實作一個應用程式，在每次節拍跳動時為每句歌詞創建一個".訊息"。然而，當我試圖想出一種演算法時，似乎遇到了障礙。
我的代碼：
import EventEmitter from "eventemitter3"_span>。
import Beat from "./Beat" ;
export default class 應用 extends EventEmitter {
static get events() {
return {
READY: "ready",
};
}
constructor（） {
super（）。
this._beat = new Beat() 。
this._create（）。
this.emit(Application.events.READY) 。
}
_create（） {
const lyrics = ["Ah", "ha" , "ha" , "ha", "stayin' alive", "stayin' alive"] 。
let count = 0;
this._beat。 on("update", (bit) => {
const message = document.createElement("div") 。
message.classList.add("message") 。
message.innerText = lyrics[bit];
document.querySelector(".main").appendChild（ message）。
})
}
}
節拍間隔:
import EventEmitter from "eventemitter3"/span>;
export default class Beat extends EventEmitter{
static get events() {
return {
BIT: "bit"。
};
}
constructor（） {
super（）。
setInterval(() => {
console.log("bit"/span>)。
this.emit(Beat.events.BIT) 。
}, 600）。)
}
uj5u.com熱心網友回復：
你訂閱了'update'事件，該事件從未被觸發。
固定的代碼片段：
this._beat。 on(Beat.events。 BIT, (bit) => {
const message = document.createElement("div") 。
message.classList.add("message") 。
message.innerText = lyrics[bit];
document.querySelector(".main").appendChild（ message）。
})
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/325795.html
標籤：