用html5写一个在用户访问网页时设置一个随机数并将其添加到URL中。如果用户在3秒内再次访问网页则不会再次设置随机数并将其添加到URL中。
<!DOCTYPE html>
<html>
<head>
<title>随机数生成</title>
</head>
<body>
<script>
// 获取当前时间戳
var timestamp = new Date().getTime();
<pre><code> // 判断是否存在随机数
if (localStorage.getItem('randomNumber')) {
// 获取上次生成的随机数
var lastRandomNumber = localStorage.getItem('randomNumber');
// 获取上次生成的时间戳
var lastTimeStamp = localStorage.getItem('timeStamp');
// 判断是否在3秒内
if (timestamp - lastTimeStamp <= 3000) {
// 如果在3秒内，则不生成新的随机数
console.log('上次随机数为：' + lastRandomNumber);
// 将上次生成的随机数添加到URL中
var url = window.location.href;
if (url.indexOf('?') === -1) {
url += '?random=' + lastRandomNumber;
} else {
url += '&random=' + lastRandomNumber;
}
window.location.href = url;
} else {
// 如果超过3秒，则生成新的随机数
var randomNumber = Math.floor(Math.random() * 100);
console.log('生成新的随机数：' + randomNumber);
// 将新的随机数和时间戳存储到本地
localStorage.setItem('randomNumber', randomNumber);
localStorage.setItem('timeStamp', timestamp);
// 将新的随机数添加到URL中
var url = window.location.href;
if (url.indexOf('?') === -1) {
url += '?random=' + randomNumber;
} else {
url += '&random=' + randomNumber;
}
window.location.href = url;
}
} else {
// 如果不存在随机数，则生成新的随机数
var randomNumber = Math.floor(Math.random() * 100);
console.log('生成新的随机数：' + randomNumber);
// 将新的随机数和时间戳存储到本地
localStorage.setItem('randomNumber', randomNumber);
localStorage.setItem('timeStamp', timestamp);
// 将新的随机数添加到URL中
var url = window.location.href;
if (url.indexOf('?') === -1) {
url += '?random=' + randomNumber;
} else {
url += '&random=' + randomNumber;
}
window.location.href = url;
}
</script>
</code></pre>
</body>
</html>
原文地址: https://www.cveoy.top/t/topic/LsC 著作权归作者所有。请勿转载和采集!