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]});
}

刷新时更改div背景颜色

2 个答案: