JQuery/PHP

轻松实现网站定时提醒功能实现方法

阿里云

做网站时,有时需要给用户一个定时提醒的功能,当超过自己设定的时间之后,就会显示提醒内容。这个功能在很多网站开发公司用于网站续费提醒。

第一步

在需要显示提醒内容的位置,放上以下的 DIV;

也想出现在这里?联系我们
创客主机
  1. <div id="notice"></div>

第二步

使用 JS 代码获取当前日期和设定提醒日期。获取当前日期代码:

  1. var date = new Date();
  2. var seperator1 = "-";
  3. var year = date.getFullYear();
  4. var month = date.getMonth() + 1;
  5. var strDate = date.getDate();
  6. if (month >= 1 && month <= 9) {
  7. month = "0" + month;
  8. }
  9. if (strDate >= 0 && strDate <= 9) {
  10. strDate = "0" + strDate;
  11. }
  12. var nowt = year + seperator1 + month + seperator1 + strDate;
  13. //当前日期

设置提醒日期:

  1. var endt="2030-1-08"

第三步

将当前日期与提醒日期进行比较,如果当前日期大于设置日期,就显示提醒内容。

  1. var nowtime=new Date(nowt.replace("-","/"));
  2. var endtimet=new Date(endt.replace("-","/"));
  3. if(nowtime>endtimet){
  4. document.write("<p>友情提示:您的网站已到期,请续费!</p>")
  5. }

这样,一个网站定时提醒功能就制作好了,可以根据自己的需要来设置提醒日期和提醒内容。

完整的代码如下:

  1. <div id="notice"></div>
  2. <script>
  3. var date = new Date();
  4. var seperator1 = "-";
  5. var year = date.getFullYear();
  6. var month = date.getMonth() + 1;
  7. var strDate = date.getDate();
  8. if (month >= 1 && month <= 9) {
  9. month = "0" + month;
  10. }
  11. if (strDate >= 0 && strDate <= 9) {
  12. strDate = "0" + strDate;
  13. }
  14. var nowt = year + seperator1 + month + seperator1 + strDate;//当前日期
  15. var endt="2030-1-08"//提醒日期
  16. var nowtime=new Date(nowt.replace("-","/"));
  17. var endtimet=new Date(endt.replace("-","/"));
  18. if(nowtime>endtimet){
  19. document.write("<p>友情提示:您的网站已到期,请续费!</p>")
  20. }
  21. </script>

轻松实现网站定时提醒功能实现方法

已有 266 人购买
查看演示升级 VIP立刻购买

收藏
(0)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!