在电灯开关上单击5次会使一只鸡出来,并弹出警报,单击5次后,计数器会不断添加,并且不会重新启动。您可能已经知道我的问题,如何使它在每次第5次点击时重新启动过程?我只希望它每5次点击执行一次相同的操作...
这是下面的代码,这是供参考的网站。.www.deko.live非常感谢您的帮助。
var flip = false;
var counter = 0;
function flipSwitch() {
var themeColor = "#EEE8AA";
var bright = "brightness(100%)";
var lightS = "rotate(0deg)";
var word = "PALI";
var wordColor = "black"
if (flip) {
themeColor = "#EEE8AA";
bright = "brightness(100%)";
lightS = "rotate(0deg)";
word = "ON";
wordColor = "black";
flip = false;
counter++;
} else {
themeColor = "dimGray";
bright = "brightness(50%)";
lightS = "rotate(180deg)";
word = "OFF";
wordColor = "white";
flip = true;
counter++;
}
document.getElementById("theme").style.backgroundColor = themeColor;
document.getElementById("roger").style.filter = bright;
document.getElementById("lightSImg").style.transform = lightS;
document.getElementById("lightSImg").style.filter = bright;
document.getElementById("LifeOrDeath").innerHTML = word;
document.getElementById("LifeOrDeath").style.color = wordColor;
document.getElementById("counter").innerHTML = counter;
surprise();
}
function surprise() {
if (counter === 5) {
document.getElementById("roger").src = "https://vignette.wikia.nocookie.net/spongebob/images/0/00/Roger_the_chick.png/revision/latest?cb=20141201044139"
document.getElementById("counter").innerHTML = "Surprise!"
alert("WHOAA!!")
}
}
似乎计数器的值永远不会重置。
解决方案之一是
function surprise() {
if (counter === 5) {
counter = 0; // add this line
document.getElementById("roger").src = "https://vignette.wikia.nocookie.net/spongebob/images/0/00/Roger_the_chick.png/revision/latest?cb=20141201044139"
document.getElementById("counter").innerHTML = "Surprise!"
alert("WHOAA!!")
}
}
另外,您也可以尝试
function surprise() {
if (counter % 5 === 0) {
document.getElementById("roger").src = "https://vignette.wikia.nocookie.net/spongebob/images/0/00/Roger_the_chick.png/revision/latest?cb=20141201044139"
document.getElementById("counter").innerHTML = "Surprise!"
alert("WHOAA!!")
}
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句