请告诉我如何在JS中重复此过程?

dekkoo84

在电灯开关上单击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!!")
        }
}
MG林肯

似乎计数器的值永远不会重置。

解决方案之一是

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] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

谁能告诉我如何在Rails中执行此n个case / switch语句

请告诉我如何在 CSS 中使用变量作为属性值

请告诉我这个 UI 名称是如何命名的

请告诉我如何编写nuxt插件'printd'

Pascal,请告诉我这个循环是如何工作的

请告诉我如何制作跟随角色的UI

PHP 请告诉我如何访问对象键

我如何获得此代码来告诉我单词在句子中的位置

告诉我如何使用此代码在输入中而不是在跨度中显示变量

我退出应用程序后遇到此错误(在onBackpressed块),我应该继续执行此错误,否则请告诉我如何解决此错误

为什么我们使用此代码请谁能告诉我

请告诉我为什么此代码不起作用

带有Ogen的magento REST api的POSTMAN rest客户端。如何获得令牌和令牌秘密?,请逐步告诉我每个过程

谁能告诉我如何在Java中同时删除两个元素?

谁能告诉我如何在 CarbonKit 中删除深灰色底部边框

谁能告诉我如何在Jtextfield中获取系统日期?

谁能告诉我如何在Python上提取并显示图像中的文本

谁能告诉我如何在Firebase Firestore(Android)中存储自定义对象的数组

谁能告诉我如何在代码中增加蛇的大小?

你能告诉我如何在Python Web Automation中添加多个代理吗

谁能告诉我任何插件或如何在HTML页面中创建通知?

告诉我如何安装React JS文档

请告诉我如何增加字数限制而不是字符数限制

应用android5.1.1 Proguard后会发生VerifyError。请告诉我如何解决

无法在对角分割的 html 页面中显示图像。请检查代码并告诉我问题

请告诉我所附图像中描述的这种视图的名称

请告诉我在Bazel中拥有多平台WORKSPACE的更好方法

请告诉我,为什么滚动视图在android studio中不起作用?

如何告诉我的测试等待goroutine中的回调?