一分钟的会话后触发弹出式窗口（跨页面加载）

Question

我试图找出如何在会话中的一定时间后触发弹出窗口，而不是在用户切换页面时重置。 我知道最简单的方法是使用cookie来跟踪会话，但是我还没有弄清楚如何在会话的某个时间戳记上触发函数。

我认为这是一个有用的脚本： https : //github.com/js-cookie/js-cookie

关于如何处理此问题的任何建议？ 先感谢您。

Answer 1

首先，将Cookie设置为初始日期。

其次，在您的应用中

var minute = 1000 * 60;

var loop = setInterval(function(){

   var currentDate = new Date();
   var initialDate = new Date(Cookies.get('date'));

   if(initialDate - currentDate >= minute){
     Popup();
     clearInterval(loop);
   }

}, 1000)

Answer 2

我最终使用的是什么（Husam的答案的变化）：

if (Cookies.get('sessionPopup')) {} else {
  var cookieTime = new Date().getTime();
  Cookies.set('sessionPopup', cookieTime, { expires: 1 });
} 
var loop = setInterval(function(){
var initialTime = Cookies.get('sessionPopup');
var triggerTime = new Date(); 
triggerTime = new Date(triggerTime .getTime() - 1000*60);
if(triggerTime.getTime() >= initialTime ){
  console.log('Popup is up!');
  clearInterval(loop);
}
}, 1000)