零基础学做网站培训介绍

当前位置:

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

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

网站定时提醒功能

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

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

发表评论

邮箱地址不会被公开。 必填项已用*标注

相关教程

  • DEDECMS本身是没有定时发布文章的功能的,如果要实现定时文章发布,需要安装一个定时发布的插件------定时审核插件。插件下载地址:https://pan.baidu
  • 我们使用wordpress程序做网站时,WordPress的主循环函数可以让我们特别方便的检索某个星期或者是某个月我们发布的文章,但是一旦超出这个常规日期,它
  • javascript 定时器代码 (14139 次浏览)
    我们在做网站时,有时需要设置某个时间后,显示一些提示内容。这就需要给自己的网站添加一个定时器。以下是学做网站论坛提供的javascript 定时器