JavaScript 实现基于 Cookie 的 24 小时弹窗控制

作者:木棉

时间:2026-10-22

浏览:104

本文介绍如何使用 JavaScript 结合 Cookie 技术,实现网页内容每隔 24 小时弹出一次提示框的功能。通过设置 Cookie 的过期时间,可以有效控制弹窗的显示频率,避免对用户造成频繁干扰,适用于广告展示或重要通知场景。

文章目录

JavaScript 实现基于 Cookie 的 24 小时弹窗控制

以下是具体的实现代码:


function cookieGO(name) { 
 var today = new Date(); 
 var expires = new Date(); 
 expires.setTime(today.getTime() + 1000*60*60*24); 
 setCookie("cookievalue", name, expires); 
 } 
 function setCookie(name, value, expire) {  
 window.document.cookie = name + "=" + escape(value) + ((expire == null) ? "" : ("; expires=" + expire.toGMTString())); 
 } 
 function getCookie(Name) {  
 var findcookie = Name + "="; 
 if (window.document.cookie.length > 0) { // if there are any cookies 
  offset = window.document.cookie.indexOf(findcookie); 
 if (offset != -1) { // cookie exists 存在 
  offset += findcookie.length;   // set index of beginning of value 
  end = window.document.cookie.indexOf(";", offset)   // set index of end of cookie value 
  if (end == -1) 
  end = window.document.cookie.length; 
  return unescape(window.document.cookie.substring(offset, end)); 
  } 
 } 
 return null; 
 } 
 //提示过期弹框 
 if({$remindflag} == "1"){ 
  setInterval(function TanChuang() { 
  var c = getCookie("cookievalue"); 
  if (c != null) { 
   return; 
  } 
  cookieGO("getcookie"); 
   G.alert({ 
    "title":"过期提示", 
    "pclass":"box", 
    "text":"您的错题本服务将于"+"{$userinfo.member_end}"+"过期<br>为了不影响您的正常使用请续费", 
    "btnText":"购买续费", 
    "alert":function(){ 
     this._remove(); 
     window.location.href = "/manage/pay/readyopenvip.php"; 
    } 
   }); 
  },2000); 
 } 

上述内容介绍了如何利用 Cookie 控制弹窗在 24 小时内仅显示一次的方法,希望能对读者有所帮助。如有疑问欢迎留言,小编会及时回复。感谢大家对本站的支持!

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章