我想要一個 switch 3 div，比如：第一次重新加載站點顯示 div 1 第二次重新加載站點顯示 div 2 第三次重新加載站點顯示 div 3 再次從 div 1 重復
我有以下代碼
var a = localStorage.getItem("visits");
a ;
localStorage.setItem("visits", a);
if(a % 2 != 0){
document.getElementById("1").style.display="block";
}
else
{
document.getElementById("2").style.display="block";
}
在 css div 中（顯示：無）
但這不符合我的要求
uj5u.com熱心網友回復：
首先，您需要處理第一次加載（當沒有visits存盤在 中時localstorage）。
var a = localStorage.getItem("visits") || 0;
// if the item found in localstorage it'll store it in the a
// otherwise, it'll store 0
然后，在增加ausing 之后a ，您需要檢查 a now 是否大于 3。在這種情況下，您應該再次從 1 開始。
a ;
if(a > 3) a = 1;
由于您的 DIV ID 是數字，因此您不需要 if-else 陳述句。只需使用a來選擇想要的 div。
localStorage.setItem("visits", a);
document.getElementById(a).style.display = "block";
這是完整的代碼：
var a = localStorage.getItem("visits") || 0;
a ;
if(a > 3) a = 1;
localStorage.setItem("visits", a);
document.getElementById(a).style.display = "block";
uj5u.com熱心網友回復：
您可以通過余數運算子輕松重復數字。每次頁面加載時，它都會增加index存盤在 localStorage 中的值。
結果：
index=0|id=1index=1|id=2index=2|id=3index=0|id=1- 等等 ...
const index = localStorage.getItem("visits") || 0;
document.getElementById(index 1).style.display = "block";
localStorage.setItem("visits", (index 1) % 3);
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/358599.html
標籤：javascript html
上一篇：從字串中獲取有效載荷