时间戳

首页 > 解决方案 > 用JS改变点击时body的背景颜色

javascript - 用JS改变点击时body的背景颜色

问题描述

我想在用户点击页面顶部的按钮时更改body的bg（点击这里更改body背景的颜色）；这是页面：https ://relaxed-ardinghelli-701d99.netlify.app/ 我只成功了一次；我使用了 for 循环，因此相同的代码被执行了 10 或 20 次.. 但它不起作用：

for(let i=0; i<100; i++){
bg_button.addEventListener("click", funct2);
function funct2(e) {
body.style.backgroundColor = "lightgrey"
section_top.style.backgroundColor="white"
bg_button.addEventListener("click", funct3);

function funct3(e) {
    body.style.backgroundColor = "white"
    section_top.style.backgroundColor=""}}}

标签： javascript

解决方案

如果您想更改按钮单击时的背景颜色，您应该使用 JavaScript 函数并更改 HTML 页面中的样式。

function chBackcolor(color) {
   document.body.style.background = color;
}

它是 JavaScript 中用于更改颜色的函数，您将在事件中调用此函数，例如：

<input type="button" onclick="chBackcolor('red');">

如果你只想要几秒钟，你可以使用 setTimeout 函数：

window.setTimeout("chBackColor()",10000);

推荐阅读