建站教程

建站教程

Products

当前位置:首页 > 建站教程 >

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

GG网络技术分享 2025-03-18 16:07 14


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

网站定时提醒功能

下面学做网站论坛就来介绍一下网站定时提醒功能实现方法

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

<div id="notice"></div>

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

获取当前日期代码:

var date = new Date();
var seperator1 = "-";
var year = date.getFullYear();
var month = date.getMonth() + 1;
var strDate = date.getDate();
if (month >= 1 && month <= 9) {
month = "0" + month;
}
if (strDate >= 0 && strDate <= 9) {
strDate = "0" + strDate;
}
var nowt = year + seperator1 + month + seperator1 + strDate;//当前日期

设置提醒日期:

var endt="2030-1-08"//提醒日期

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

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

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

完整的代码如下:

<div id="notice"></div>

<script>
var date = new Date();
var seperator1 = "-";
var year = date.getFullYear();
var month = date.getMonth() + 1;
var strDate = date.getDate();
if (month >= 1 && month <= 9) {
month = "0" + month;
}
if (strDate >= 0 && strDate <= 9) {
strDate = "0" + strDate;
}
var nowt = year + seperator1 + month + seperator1 + strDate;//当前日期
var endt="2030-1-08"//提醒日期
var nowtime=new Date(nowt.replace("-","/"));
var endtimet=new Date(endt.replace("-","/"));
if(nowtime>endtimet){
document.write("<p>友情提示:您的网站已到期,请续费!</p>")
}
</script>

标签:

提交需求或反馈

Demand feedback