html - 刷新时更改 div 背景颜色

Question

我正在研究登陆页面的概念。而且我想在每次刷新时更改 Div 的背景颜色（使用 jQuery）。而且我尝试了很多东西，但没有奏效。

我对 Javascript 并没有真正的经验。

Answer 1

试试这个 jQuery :)

$(document).ready(function() {
    $('#mydivid').css("background-color", getRandomColor());
}

function getRandomColor() { 
    var letters = '0123456789ABCDEF'.split(''); 
    var color = '#'; 
    for (var i = 0; i < 6; i++ ) { 
        color += letters[Math.round(Math.random() * 15)]; 
    } 
    return color; 
} 

Answer 2

如建议的那样，您可以在每次重新加载时使用随机颜色。如果要确保颜色发生变化，可以使用localStorage或sessionStorage记住以前的值。

例子：

$(function(){
  var prevColorId = sessionStorage.getKey("colorID"); //undefined if not present
  var colorList = ["lightRed", "lightGreen", "lightBlue" /*, ...*/];
  var nextColorId = prevColorId+1; //NaN if prevColorId undefined
  if(colorList[nextColorId]===undefined){
    nextColorId=0;
  }
  sessionStorage.setKey("colorID");
  $("#myRainbowDiv").css({background: colorList[nextColorId]});
}