前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Html弹窗利用Cookie控制弹窗24小时只显示一次

Html弹窗利用Cookie控制弹窗24小时只显示一次

作者头像
幻影网络
发布2022-11-08 16:08:01
2.3K0
发布2022-11-08 16:08:01
举报
文章被收录于专栏:幻影网络科技

本文Demo为大家分享了js实现点击弹窗弹出登录框的具体代码,供大家参考,具体内容如下,因为某个程序需要做一个弹窗代码,用了Layui弹窗,但是想实现只弹出一次,就有了一下代码,记录一下,防止忘记~

Layui弹窗代码可参考Layui文档来自行开发,Layui文档:http://layui.xmnets.cn/

Demo1:

用cookie记录下,访问过24小时内就不弹,不过是居于浏览器的,不是居于ip,客户端删除cookie也是会继续弹的。

代码语言:javascript
复制
window.onload = function () {  
        //================  
        var s = document.cookie;  
        if (s.indexOf('myad=1') != -1) return; //存在cookie退出下面代码的执行  
        var d = new Date();  
        d.setHours(d.getHours() + 24); //有效期24小时  
        document.cookie = 'myad=1;expires='+d.toGMTString();//设置cookie  
        //================  
        /*自己弹窗代码*/  
    }  
Demo2:

指定日期前,只弹一次,后面不再弹。

代码语言:javascript
复制
$(document).ready(function(){         
    showSuspend();        
});  
  
  
  
function setCookie(cookiename, value, expire)    
{    
    window.document.cookie = cookiename + "=" + escape(value)   
        + ((expire == null) ? "" : ("; expires=" + expire.toGMTString())) + ";path=/";;    
}     
  
function getCookie(cookiename)    
{    
    var search = cookiename + "=";    
    if (window.document.cookie.length > 0)    
    {   
        offset = window.document.cookie.indexOf(search);    
        if (offset != -1)    
        {  
            offset += search.length;    
            end = window.document.cookie.indexOf(";", offset)    
          
          if (end == -1)    
             end = window.document.cookie.length;    
          return  
             unescape(window.document.cookie.substring(offset, end));    
        }    
    }    
    return "";    
}    
  
var end = new Date('2015-09-03 23:59:59');  
function register(cookiename) {    
    setCookie("zhezhao", cookiename, end);    
}    
  
  
function showSuspend() {    
    if(new Date().getTime() < end.getTime()){  
        var c = getCookie("zhezhao");    
        if (c != null && c != "") {    
          return;    
        }    
        register("93");    
        $("#zhezhaoDiv").show();  
    }  
      
}  
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • Demo1:
  • Demo2:
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档