首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >只在用户第一次访问网站时运行jQuery代码

只在用户第一次访问网站时运行jQuery代码
EN

Stack Overflow用户
提问于 2016-02-14 20:40:51
回答 2查看 3.7K关注 0票数 2

我有这个密码

代码语言:javascript
运行
复制
setTimeout(function () {
    $("#videoOverlay").fadeIn();
    document.getElementById("video").play();
}, 8000);

这意味着加载8秒后,弹出弹出并播放视频.我只希望这是我第一次访问这个网站。我怎样才能用jQuery做到这一点呢?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2016-02-14 20:48:06

尝试使用localStorage而不是cookie:

代码语言:javascript
运行
复制
if (!localStorage.getItem('viewed')){
    setTimeout(function () {
        $("#videoOverlay").fadeIn();
        document.getElementById("video").play();
        localStorage.setItem('viewed','yes');
    }, 8000);
};

删除该条:

代码语言:javascript
运行
复制
localStorage.removeItem('viewed');

通过本地存储,web应用程序可以在用户浏览器中本地存储数据。

来自webstorage.asp

什么是HTML?

在HTML5之前,应用程序数据必须存储在cookies中,包括在每个服务器请求中。本地存储更安全,大量数据可以在本地存储,而不影响网站性能。

与cookie不同,存储限制要大得多(至少5MB),而且信息从未传输到服务器。

本地存储是按原点(每个域和协议)。所有页面,从一个来源,可以存储和访问相同的数据。

使用:sessionStorage

您还可以使用与sessionStorage对象相等的localStorage对象,但它只存储一个会话的数据。当用户关闭特定浏览器选项卡时,数据将被删除。

代码语言:javascript
运行
复制
if (!sessionStorage.viewed){
    setTimeout(function () {
        $("#videoOverlay").fadeIn();
        document.getElementById("video").play();
        sessionStorage.viewed=1
    }, 8000);
};
票数 11
EN

Stack Overflow用户

发布于 2016-02-14 20:49:12

您可以试试这个jquery插件https://github.com/js-cookie/js-cookie

然后你就可以用它

代码语言:javascript
运行
复制
Cookies.get('name'); 
Cookies.set('name','value'); 
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/35397732

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档