Javascript 每次会话/访问时弹出一次
我想使用Javascript 每次会话/访问时弹出一次,javascript,jquery,twitter-bootstrap,session,Javascript,Jquery,Twitter Bootstrap,Session,我想使用jQuery添加一个弹出窗口,在每次会话/访问中显示一次 我试过这个: jQuery(document).ready(function($) { setTimeout(function() { if (!sessionStorage.previouslyVisited) { $('#exampleModalTextLink').modal('show'); sessionStorage.previouslyVisited = true; }
jQuery
添加一个弹出窗口,在每次会话/访问中显示一次
我试过这个:
jQuery(document).ready(function($) {
setTimeout(function() {
if (!sessionStorage.previouslyVisited) {
$('#exampleModalTextLink').modal('show');
sessionStorage.previouslyVisited = true;
}
}
});
在本例中,每个会话都会出现一次弹出窗口(我在Bootstrap4中创建)
您需要通过以下方式设置和获取会话变量
jQuery(document).ready(function () {
// Get saved data from sessionStorage
var visited = sessionStorage.getItem('visited');
setTimeout(function () {
if (visited !== true) {
$('#exampleModalTextLink').modal('show');
sessionStorage.setItem('visited', true); // Save data to sessionStorage
}
}, 500);
});
如果
false
或null
,这将检查现有值,然后它将调用模式
,否则不会,我不知道如果使用文档,为什么要使用setTimeout
。请参见此处,了解更多信息!它的工作很好,顺利!正如我所说,我是javascript和jquery新手,我只有ktyml和css知识。现在我正试图建立一个网站,我正在收集所有的碎片。我将阅读该文档!又来了!
jQuery(document).ready(function () {
// Get saved data from sessionStorage
var visited = sessionStorage.getItem('visited');
setTimeout(function () {
if (visited !== true) {
$('#exampleModalTextLink').modal('show');
sessionStorage.setItem('visited', true); // Save data to sessionStorage
}
}, 500);
});