<div id="notice"></div>
做网站时,有时需要给用户一个定时提醒的功能,当超过自己设定的时间之后,就会显示提醒内容。这个功能在很多网站开发公司用于网站续费提醒。
在需要显示提醒内容的位置,放上以下的 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>
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务,详询在线客服!