保存jQuery' rand color'到本地存储?

时间:2016-03-03 19:39:51

标签: javascript php session local-storage

我正在为大学单元构建一个便利贴web应用程序。它基本上适用于每次,你点击添加注释,它将加载三种颜色之一 - 请参阅下面的我的JavaScript。从这里开始加载其中一种颜色,但每次刷新它都会加载三种不同颜色中的一种,如何将当前音符颜色保存到本地存储或php会话?

有人请帮忙。

$(document).ready(function(){
  var colors = ["#f1c40f","#e74c3c","#9b59b6"];                
  var rand = Math.floor(Math.random()*colors.length);           
  $('.note').css("background-color", colors[rand]);
});

1 个答案:

答案 0 :(得分:1)

保存到localStorage非常简单:

localStorage.setItem('someKey', 'someValue');

以后检索该值也很容易:

var val = localStorage.getItem('someKey');

您的案例中的技巧是在应用程序生命周期中找到保存值的正确位置(例如,用户是否选择了值?)。

但要在启动时加载:

$(document).ready(function(){
    var val = localStorage.getItem('someKey');
    $('.note').css("background-color", val);
});