刷新时更改 div 背景颜色答案

【问题标题】：Changing div background colour on refresh刷新时更改 div 背景颜色
【发布时间】：2012-10-08 23:55:23
【问题描述】：

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

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

【问题讨论】：

设置成随机颜色还不够？

【解决方案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; 
}

【讨论】：

【解决方案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]});
}

【讨论】：