如何在Javascript中每天设置一次变量

时间:2018-03-01 20:43:46

标签: javascript html

将变量list = ["A", "B",...]统一为字符串列表。我想使用一个Javascript程序,每天从该列表中选择三个字符串并将其写入HTML字段。

目前我使用

function getRandom(arr, n) {
var result = new Array(n),
    len = arr.length,
    taken = new Array(len);
if (n > len)
    throw new RangeError("getRandom: more elements taken than available");
while (n--) {
    var x = Math.floor(Math.random() * len);
    result[n] = arr[x in taken ? taken[x] : x];
    taken[x] = --len in taken ? taken[len] : len;
}
return result;
}

smallList = getRandom(list, 3); 

var htmlTags = [
"tag1",
"tag2",
"tag3"
];
for (var i = 0; i < htmlTags.length; i++) {
    document.getElementById(htmlTags[i]).innerHTML = smallList[i];
}

现在,每次刷新网站时,此列表都会获得新条目。有没有一种方法smallList每天只能使用javascript设置一次/小时/分钟?

3 个答案:

答案 0 :(得分:1)

所以你想:

  • 从您的列表中选择三个值并在您的网页上显示
  • 每天选择三个新值以显示一整天
  • 访问该页面的每个人都应该看到相同的值,而不管客户端

正如其他人所建议的,对于服务器端任务而言,它比客户端更好。

例如,您可能有一个服务器页面,检查存储在缓存中的值是否存在。缓存将设置为24小时。如果缓存不可用,则创建新的缓存对象,并且半衰期为24小时。在缓存中,您还可以存储要检索的值。

然后,您可以检索缓存并输出值。缓存的具体实现取决于您的服务器端语言。

答案 1 :(得分:0)

将列表存储在localStorage或Cookie中。还存储时间戳。

使用setTimeout(function(){...},n)检查时间戳并根据需要更新值。

如果页面刷新或重新加载,则执行检查存储的内容。如果不存在,请创建列表并设置时间戳。如果数据确实存在,则比较时间戳并根据需要更新列表。

如果您需要列表在用户之间保持一致,则需要在服务器端存储,检查和计算所有内容。

localStorage.savedData = {
    timestamp: new Date(),
    dataList: ['a','b','c']
}

从localStorage获取值:

// you don't have to create variables, you can just use localStorage.[property] to get compare any value
let ts = localStorage.timestamp; // Date object
let dl = localStorage.dataList; // Array of values

有关localStorage的更多信息,请参阅(或搜索网络) - &gt; https://www.w3schools.com/html/html5_webstorage.asp

答案 2 :(得分:0)

OKAY:通过存储值(COOKIE,SESSION,LOCAL STORAGE,MEMORY):

按用户,您必须在浏览器中使用Cookie,会话或写入本地存储。

对于所有用户,您必须在数据库,文件或内存等地方使用服务器变量。

您将值设置为在一天内过期,并在过期时重新生成。这是大多数人得到的答案,因为这是他们知道如何解决这个问题的唯一方法,即从所有地点轮询的单一设定价值。

更好:通过确定性伪随机数发生器播种日期:

或者如果你真的雄心勃勃并且不想依赖你设置的某个值,你可以使用或写一个: 您在日期之外播种的确定性伪随机数生成器。由于确定性伪随机生成器产生可重现的随机数&#34; randoms&#34;从同一种子播种,播种日期每天为您提供一个独特的种子,因此每天都有一个独特的种子。

&#13;
&#13;
function RC4(seed) {
	this.s = new Array(256);
	this.i = 0;
	this.j = 0;
	for (var i = 0; i < 256; i++) {
		this.s[i] = i;
	}
	if (seed) {
		this.mix(seed);
	}
};
RC4.getStringBytes = function(string) {
	var output = [];
	for (var i = 0; i < string.length; i++) {
		var c = string.charCodeAt(i);
		var bytes = [];
		do {
			bytes.push(c & 0xFF);
			c = c >> 8;
		} while (c > 0);
		output = output.concat(bytes.reverse());
	}
	return output;
};
RC4.prototype._swap = function(i, j) {
	var tmp = this.s[i];
	this.s[i] = this.s[j];
	this.s[j] = tmp;
};
RC4.prototype.mix = function(seed) {
	var input = RC4.getStringBytes(seed);
	var j = 0;
	for (var i = 0; i < this.s.length; i++) {
		j += this.s[i] + input[i % input.length];
		j %= 256;
		this._swap(i, j);
	}
};
RC4.prototype.next = function() {
	this.i = (this.i + 1) % 256;
	this.j = (this.j + this.s[this.i]) % 256;
	this._swap(this.i, this.j);
	return this.s[(this.s[this.i] + this.s[this.j]) % 256];
};
function RNG(seed) {
	if (seed == null) {
		seed = '' + Math.random() + Date.now();
	} else if (typeof seed === "function") {
		// Use it as a uniform number generator
		this.uniform = seed;
		this.nextByte = function() {
			return ~~(this.uniform() * 256);
		};
		seed = null;
	} else if (Object.prototype.toString.call(seed) !== "[object String]") {
		seed = JSON.stringify(seed);
	}
	this._normal = null;
	if (seed) {
		this._state = new RC4(seed);
	} else {
		this._state = null;
	}
}
RNG.prototype.nextByte = function() {
	return this._state.next();
};
RNG.prototype.uniform = function() {
	var BYTES = 7; // 56 bits to make a 53-bit double
	var output = 0;
	for (var i = 0; i < BYTES; i++) {
		output *= 256;
		output += this.nextByte();
	}
	return output / (Math.pow(2, BYTES * 8) - 1);
};
RNG.prototype.random = function(n, m) {
	if (n == null) {
		return this.uniform();
	} else if (m == null) {
		m = n;
		n = 0;
	}
	return n + Math.floor(this.uniform() * (m - n));
};
RNG.$ = new RNG();
Date.prototype.yyyymmdd = function() {
	var mm = this.getMonth() + 1; // getMonth() is zero-based
	var dd = this.getDate();
	return [this.getFullYear(), !mm[1] && '0', mm, !dd[1] && '0', dd].join(''); // padding
};

// Using the Date like so will give you the same random between 40 and 50 for the same day
var rng = new RNG((new Date).yyyymmdd()); rng.random(40, 50);

// Test with dates
var rng = new RNG('20180301'); rng.random(40, 50);
var rng = new RNG('20180302'); rng.random(40, 50);
var rng = new RNG('20180301'); rng.random(40, 50);
&#13;
&#13;
&#13;