首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >jQuery: 2秒后在我的网站上显示div,但每次刷新页面或输入不同的页面时只显示一次,而不是每次都显示一次。

jQuery: 2秒后在我的网站上显示div,但每次刷新页面或输入不同的页面时只显示一次,而不是每次都显示一次。
EN

Stack Overflow用户
提问于 2016-04-12 00:30:38
回答 2查看 362关注 0票数 1

我有一个有博客的网站。

每当输入它时,我都希望显示一个弹出式div。(这部分很简单- 使用jQuery在5秒内显示一个div )

我想让它运行一次,也许是pare会话或IP,我会解释:

当用户打开博客页面时,2秒后他就会看到弹出窗口。然后,他可以点击X按钮隐藏它,继续浏览博客,输入新页面,不再显示按钮。

这有可能只从前端开始吗?(使用JS/jQuery)?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2016-04-12 00:34:07

我不确定您是想在每个会话中显示一次,还是只向任何访问的用户展示一次(即使是第二天,也不想在下次访问时再次显示)。

如果只有一次,那么您可以在localStorage中存储一个标志。如果是每个会话一次,则可以在sessionStorage中存储一个标志。两者都是支持得非常好

下面是一个localStorage示例;除了使用sessionStorage而不是localStorage之外,sessionStorage完全相同

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
if (!localStorage.getItem("shown-popup")) {
    // We haven't shown it yet
    setTimeout(function() {
        // ----show the div here ----

        // Flag we've shown it (you might do this only when they click the [x])
        localStorage.setItem("shown-popup", "yes");
    }, 2000);
}

注意,本地存储中的项是字符串。

若要允许少数没有本地存储或禁用本地存储(私有浏览等)的用户,请用try/catch包装检查和设置。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var needToShowPopup = true;
try {
    needToShowPopup = !localStorage.getItem("shown-popup");
} catch (e) {
}
if (needToShowPopup) {
    // We haven't shown it yet
    setTimeout(function() {
        // ----show the div here ----

        // Flag we've shown it (you might do this only when they click the [x])
        try {
            localStorage.setItem("shown-popup", "yes");
        } catch (e) {
        }
    }, 2000);
}
票数 3
EN

Stack Overflow用户

发布于 2016-04-12 00:33:01

您可以从客户端使用Cookies。如何做到这一点,请参考如何使用jQuery设置/取消设置cookie?

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/36567669

复制
相关文章
git push 时不用每次都输入密码的方法
在本地克隆下来的git仓库中找到 .git 目录 (.git 目录是隐藏文件夹 在组织->文件夹和搜索选项-> 查看选项卡 -> 隐藏文件和文件夹 -> 显示隐藏的文件、文件夹和驱动器)
Lansonli
2021/10/09
5380
echarts3 地图只显示南沙群岛,刷新页面显示正常
最近在使用echarts3 地图时遇到一个奇怪的问题,进入页面只显示南沙群岛部分,再次刷新页面显示正常,搜索无果后进行了摸索式探索,最终找到了问题的解决方案,现记录于此希望帮到遇到同样问题的朋友。
johnhuster的分享
2022/03/29
1.5K0
echarts3 地图只显示南沙群岛,刷新页面显示正常
js 页面加载后刷新一次,仅一次
<script>    String.prototype.queryString = function(name) { var reg = new RegExp("[?&]" + name + "=(
Savalone
2020/02/11
4K0
javascript使用cookie实现DIV提示框只显示一次的方法
本文实例讲述了JS使用cookie实现DIV提示框只显示一次的方法。分享给大家供大家参考,具体如下:
怪兽
2022/10/04
9540
用jquery刷新或重新加载页面
在网页开发过程中,经常会遇到需要重新加载或刷新页面,下面我来说一下如果通过jq来刷新或重新加载页面,来看代码。
OECOM
2020/07/01
7K0
input在输入后回车会刷新当前页面解决
1、添加一个隐形的文本框 <input type="text" style="display:none"/> 2、form表单设置 添加 onsubmit="return false;" <form class="schoolfellow-form" action="" onsubmit="return false;"> </form> //监听回车事件 $(document).ready(function () { document.onkeydown = function (event) {
小语雀网
2022/05/06
1.1K0
Html弹窗利用Cookie控制弹窗24小时只显示一次
本文Demo为大家分享了js实现点击弹窗弹出登录框的具体代码,供大家参考,具体内容如下,因为某个程序需要做一个弹窗代码,用了Layui弹窗,但是想实现只弹出一次,就有了一下代码,记录一下,防止忘记~
幻影网络
2022/11/08
2.3K0
Html弹窗利用Cookie控制弹窗24小时只显示一次
css让div居中显示_css页面居中
给父级div设置相对定位,子元素div设置绝对定位,left、right、top、bottom都设置为0,然后将margin设置为auto即可实现。
全栈程序员站长
2022/11/17
9.5K0
css让div居中显示_css页面居中
jquery刷新当前页面、刷新父级页面
Jensen_97
2023/07/19
3650
WordPress 不同的文章和页面显示不同的菜单项
通过 Page Specific Menu Items 插件允许用户在编辑文章和页面时,选择显示的菜单项。
星哥玩云
2022/09/14
9650
WordPress 不同的文章和页面显示不同的菜单项
WordPress 不同页面显示不同菜单插件:Conditional Menus
通过 Conditional Menus 插件可以在不同的文章、页面、分类存档页面中显示不同的菜单。
星哥玩云
2022/09/14
7410
WordPress 不同页面显示不同菜单插件:Conditional Menus
OneNet一次上传多个数据,在可视化页面解析显示
OneNET-中国移动物联网开放平台是由中国移动打造的PaaS物联网开放平台。平台能够帮助开发者轻松实现设备接入与设备连接,提供综合性的物联网解决方案,实现物联网设备的数据获取,数据存储,数据展现。
DS小龙哥
2022/11/18
3.4K0
OneNet一次上传多个数据,在可视化页面解析显示
js页面刷新或关闭时弹框消失_js刷新页面如何保留页面内容
  用法:onbeforeunload 事件在即将离开当前页面(刷新或关闭)时触发。该事件可用于弹出对话框,提示用户是继续浏览页面还是离开当前页面。对话框默认的提示信息根据不同的浏览器有所不同,标准的信息类似 “确定要离开此页吗?”。该信息不能删除。但你可以自定义一些消息提示与标准信息一起显示在对话框。注意: 在 Firefox 浏览器中,只显示默认提醒信息(不显示自定义信息)。
全栈程序员站长
2022/11/17
11.9K0
小程序在“页面B”更改title,返回“页面A”仍会显示“页面B”的title
个人猜想,小程序本身属于单页面应用,代码的运行权限没有处理好,就像上面这种情况,B页面的代码穿越到了A页面的环境里面,并且执行。
神葳
2021/01/22
1.6K0
canvas实现拖动页面时显示窗口视频
简介   当前主流的视频网站目前有不少新鲜好玩的功能,最明显的莫过于小视频的显示--当视频不在当前视口范围 时,会在右下角用一个小窗口来显示当前的视频,而且可以拖拽。   今晚心血来潮,起了动手试试的念头。我的想法很简单,用canvas来获取视频每一帧的数据,并用动画函数 requestAnimationFrame函数(这里没有考虑兼容性)来显示每一帧的视频数据。另外,对canvas绑定拖动的 功能,这样就基本实现了简易的窗口视频。   本章内容的重点就是requestAnimationFrame函数和ca
欲休
2018/03/15
1.5K0
canvas实现拖动页面时显示窗口视频
vuex在页面刷新后数据被清除
用vuex来做全局的状态管理, 发现当刷新网页后,保存在vuex实例store里的数据会丢失
wust小吴
2019/12/29
3.1K0
点击加载更多

相似问题

每次用户在网站上只显示一次div。

34

Javascript只显示一次弹出消息,但每次页面加载时都会显示

10

AlertDialog显示一次,而不是每次设备旋转时都显示

226

每次访问都应该显示一次弹出窗口,而不是每次都显示

14

每次用户在网站上只显示一次模式

13
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文