时间戳

首页 > 解决方案 > JS 练习背景从白色到蓝色的切换

javascript - JS 练习背景从白色到蓝色的切换

问题描述

我正在编写一门课程，并且我已经三次检查我的代码是否与讲师匹配，但是当我运行它时，它只会将网页的背景更改为蓝色，而不是像讲师演示的那样每秒从白色到蓝色来回切换. 使用 Visual Studio 时它也根本不运行，所以我不得不切换到代码笔并在 Google chrome 浏览器的控制台中尝试它。只想知道哪里出了问题或者如何改变它来来回切换。谢谢你。

 var body = document.querySelector("body");  
 var isBlue = false; 

setInterval(function(){ 
    if (isBlue) { 
      body.style.background = "white"; 
    } else { 
     body.style.background = "#3498db";
    } 
  isBlue = isBlue;
 }, 1000);

标签： javascript

解决方案

您实现它的方式总是background将#3498db. 相反，您应该boolean每次都将其设置为相反的：

var body = document.querySelector("body");  
var isBlue = false; 

setInterval(function(){ 
    if (isBlue) { 
      body.style.background = "white"; 
    } else { 
     body.style.background = "#3498db";
    } 
    isBlue = !isBlue; //change this
 }, 1000);

推荐阅读