假如你的网站建设的客户数量很多,常常忘记哪一个客户的网站已经到期,需要续费了的话,那么接下来这一段代码对你来说是非常实用的。
以下代码的作用是在网站中提前编写好,当到期后,会自动弹出窗口浮于顶去,显示网站过期。
下面我们直接贴代码:
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> <div class="guoqi2"> <a href="http://www.zuoan.com.cn" target="_blank"><img src="http://www.zuoan.com.cn/styleNEW/logo.png" ></a> <div class="title">当前网站已过期</div> <div class="title">我们将为您免费保存一周的数据,一周后服务器将自动删除数据</div> <div>联系电话:158-9975-0475</div> <div>黑马视觉品牌设计有限公司</div> </div> <style type="text/css"> .guoqi2{ width:90%; height:400px; background: rgba(0,0,0,0.9); color:#fff; font-weight:bold; position: fixed; left:5%; top:50%; margin-top: -200px; padding-top: 30px; text-align: center;z-index: 999999999999999999; font-size:30px; display: none;} .guoqi2 .title{font-size:30px; margin-bottom:20px;} .guoqi2 img{margin-bottom:20px;} </style> <script> var a1 = new Date().getTime(), b1 = '2020-06-01'; /*****设置网站过期时间**********/ var ta1 = a1; var tb1 = Date.parse(new Date(b1.replace(/-/g, "/"))); /****格式化时间,转换为可计算的数字**********/ var c1= Math.round((tb1 - ta1)/86400000) /*****将时间差转换为天数********/ if(c1<=0){ $(".guoqi2").css("display","block"); } </script>