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

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

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

第一步：在需要显示提醒内容的位置，放上以下的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>