如何設置div彈窗一天內只彈出一次 js

若何操縱js設置div彈窗一天內只彈出一次？js若是實現彈窗一天只彈一次？下面，小編就來給大師介紹一下實現方式！

東西/原料

1
要實現彈窗一天只彈一次，需要依靠cookie來實現。而利用原生javascript操作cookie，代碼會稍顯復雜，所以這里借助jquery來實現。起首下載jquery.js和jquery.cookie.js兩個文件（也可以直接引用其它網站上的這兩個文件）。
2
然后新建一個網頁用于演示。網頁中有一個<div>層，層中有一個<span>塊，塊中內容為字母“X”，用做彈出窗口的封閉按鈕。并將第一步中下載的兩個jquery文件引入。
3
再為div標簽添加一個css樣式pop_windows，并在<head>標簽中插手相關樣式的界說，實現div層初始時不成見。可見狀況下div層的CSS結果如下：
4
再在<body>標簽中，插手javascript劇本引入標簽<script></script>。
5
在<script>標簽對中，插手span標簽的點擊事務：點擊封閉（埋沒）父對象，并寫cookie，此中$.cookie("isClose",'yes',{expires:1}) 暗示在cookie中寫入一對鍵值（鍵為isClose,值為yes）,鍵值的有用期為1天，即第二天這個鍵值掉效。
6
再在<script>標簽對中，插手cookie鍵值的判定前提，若是存在鍵為isClose,值為yes的cookie，則不彈出div層，不然彈出div層。
7
保留后，在瀏覽器中運行結果如下圖，天天只彈出一次div層。大師可以按照需要，增添彈出層的彈出結果或讓彈出層加倍美不雅。