如何设置div弹窗一天内只弹出一次 js

若何操纵js设置div弹窗一天内只弹出一次js若是实现弹窗一天只弹一次?下面,小编就来给大师介绍一下实现方式!

东西/原料

  • jquery.js
  • jquery.cookie.js

方式/步调

  1. 1

    要实现弹窗一天只弹一次,需要依靠cookie来实现。而利用原生javascript操作cookie,代码会稍显复杂,所以这里借助jquery来实现。起首下载jquery.js和jquery.cookie.js两个文件(也可以直接引用其它网站上的这两个文件)。

  2. 2

    然后新建一个网页用于演示。网页中有一个<div>层,层中有一个<span>块,块中内容为字母“X”,用做弹出窗口的封闭按钮。并将第一步中下载的两个jquery文件引入。

  3. 3

    再为div标签添加一个css样式pop_windows,并在<head>标签中插手相关样式的界说,实现div层初始时不成见。可见状况下div层的CSS结果如下:

  4. 4

    再在<body>标签中,插手javascript剧本引入标签<script></script>。

  5. 5

    在<script>标签对中,插手span标签的点击事务:点击封闭(埋没)父对象,并写cookie,此中$.cookie("isClose",'yes',{expires:1}) 暗示在cookie中写入一对键值(键为isClose,值为yes),键值的有用期为1天,即第二天这个键值掉效。

  6. 6

    再在<script>标签对中,插手cookie键值的判定前提,若是存在键为isClose,值为yes的cookie,则不弹出div层,不然弹出div层。

  7. 7

    保留后,在浏览器中运行结果如下图,天天只弹出一次div层。大师可以按照需要,增添弹出层的弹出结果或让弹出层加倍美不雅。

  • 发表于 2018-08-30 00:00
  • 阅读 ( 1411 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
联系我们:uytrv@hotmail.com 问答工具