Question

我很高兴让这个工作起来。根据访问我网站的数量，不要向人们显示特定的div。

var n = localStorage.getItem('on_load_count');
if (n === null) {
n = 0;
}
n++;
localStorage.setItem("on_load_count", n);

var v = localStorage.getItem('on_load_count'); 
if (v < "3" ) { 
document.querySelector('#myBox1').style.visibility = "visible";
document.querySelector('#myBox2').style.visibility = "hidden";
document.querySelector('#myBox3').style.visibility = "hidden";
} else if (v > "6" ) { 
document.querySelector('#myBox1').style.visibility = "hidden";
document.querySelector('#myBox2').style.visibility = "visible";
document.querySelector('#myBox3').style.visibility = "hidden";
} else if (v > "10" ) { 
document.querySelector('#myBox1').style.visibility = "hidden";
document.querySelector('#myBox2').style.visibility = "hidden";
document.querySelector('#myBox3').style.visibility = "visible";
} else { 
}

任何帮助表示赞赏。提前谢谢。

Answer 1

将字符串更改为整数(v < 3 )。 >无法使用字符串

var n = localStorage.getItem('on_load_count');
if (n === null) {
n = 0;
}
n++;
localStorage.setItem("on_load_count", n);

var v = localStorage.getItem('on_load_count'); 
if (v < 3 ) { 
document.querySelector('#myBox1').style.visibility = "visible";
document.querySelector('#myBox2').style.visibility = "hidden";
document.querySelector('#myBox3').style.visibility = "hidden";
} else if (v > 6 ) { 
document.querySelector('#myBox1').style.visibility = "hidden";
document.querySelector('#myBox2').style.visibility = "visible";
document.querySelector('#myBox3').style.visibility = "hidden";
} else if (v > 10 ) { 
document.querySelector('#myBox1').style.visibility = "hidden";
document.querySelector('#myBox2').style.visibility = "hidden";
document.querySelector('#myBox3').style.visibility = "visible";
} else { 
}

Answer 2

更改if条件的顺序，大不计数首先进行比较

if (v < 3 ) { 
document.querySelector('#myBox1').style.visibility = "visible";
document.querySelector('#myBox2').style.visibility = "hidden";
document.querySelector('#myBox3').style.visibility = "hidden";

 } else if (v > 10 ) { 
document.querySelector('#myBox1').style.visibility = "hidden";
document.querySelector('#myBox2').style.visibility = "hidden";
document.querySelector('#myBox3').style.visibility = "visible";

} else if (v > 6 ) { 
document.querySelector('#myBox1').style.visibility = "hidden";
document.querySelector('#myBox2').style.visibility = "visible";
document.querySelector('#myBox3').style.visibility = "hidden";
else { 
}

localStorage pagecount - show / hid div

2 个答案: