求一段每天訪問5次后顯示內容的js。
uj5u.com熱心網友回復：
<!DOCTYPE html><html>
<head>
<meta charset="utf-8">
<title></title>
<script src="https://bbs.csdn.net/topics/jquery-3.4.1.min.js"></script>
<script>
$(function(){
var i=0;
$("input").click(function(){
i++;
if(i==5)
{
$("textarea").css("display","block");
}
})
})
</script>
</head>
<body>
<input type="button" value="https://bbs.csdn.net/topics/按鈕"/>
<textarea style="display: none;">這是要顯示的文本！！！</textarea>
</body>
</html>
uj5u.com熱心網友回復：
你這個有儲存查看記錄嗎
uj5u.com熱心網友回復：
沒有
uj5u.com熱心網友回復：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
</head>
<body>
<button>重置次數</button>
<p style="display: none;">
你看不到我
</p>
</body>
</html>
<script>
let date = new Date()//獲取當前系統時間
let name = `aaa${date.getMonth()}-${date.getDate()}`
let data = localStorage.getItem(name)
if(data){
localStorage.setItem(name,++data)
if(data >= 5){
document.querySelector('p').style.display = 'block'
}
}else{
localStorage.setItem(name,1)
}
document.querySelector('button').addEventListener('click',e=>{
localStorage.setItem(name,0)
})
</script>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/40620.html
標籤：JavaScript