js中// 1、加载页面后,呈现蓝色填充文字“敲回车看好戏”(见常量START_TEXT), // 字体大小为46像素(TEXT_SIZE); // 2、敲击键盘回车后,逐步出现戴口罩的小女孩(images/ex2-1.jpg); // 3、小女孩图像显示完整后,过1秒后出现1米小剧场的漫画图(images/ex2-2.jpg); // 4、1秒后,出现蓝色填充的“谢谢观看”文字(见常量END_TEXT);
时间: 2023-04-01 09:01:58 浏览: 89
这是一个关于 JavaScript 的问题,我可以回答。根据您的描述,可以使用以下代码实现:
```javascript
const START_TEXT = "敲回车看好戏";
const TEXT_SIZE = "46px";
const END_TEXT = "谢谢观看";
// 加载页面后,呈现蓝色填充文字“敲回车看好戏”,字体大小为46像素
document.body.style.backgroundColor = "blue";
const start = document.createElement("h1");
start.textContent = START_TEXT;
start.style.fontSize = TEXT_SIZE;
start.style.color = "white";
document.body.appendChild(start);
// 敲击键盘回车后,逐步出现戴口罩的小女孩
document.addEventListener("keydown", (event) => {
if (event.code === "Enter") {
const girl = document.createElement("img");
girl.src = "images/ex2-1.jpg";
girl.style.opacity = ;
document.body.appendChild(girl);
let opacity = ;
const intervalId = setInterval(() => {
opacity += .1;
girl.style.opacity = opacity;
if (opacity >= 1) {
clearInterval(intervalId);
// 小女孩图像显示完整后,过1秒后出现1米小剧场的漫画图
setTimeout(() => {
const theater = document.createElement("img");
theater.src = "images/ex2-2.jpg";
document.body.appendChild(theater);
// 1秒后,出现蓝色填充的“谢谢观看”文字
setTimeout(() => {
const end = document.createElement("h1");
end.textContent = END_TEXT;
end.style.fontSize = TEXT_SIZE;
end.style.color = "white";
document.body.appendChild(end);
}, 100);
}, 100);
}
}, 100);
}
});
```