JQ 根据时间显示对应的活动日期
<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div style="text-align: center;"> <p>阅谁问君诵,水落清香浮。</p> <p>活动日期:<span class="eventDate">暂定</span></p> </div> <script type="text/javascript" src="jquery-1.10.1.min.js" ></script> <script> $(function(){ eventDate(); }); function eventDate(){ var now = new Date(); var year = now.getFullYear(), month = now.getMonth()+1; var eventDate = year+'年1月1日~12月31日'; if(month==1 || month==2){ eventDate = year+'年1月1日~3月1日'; }else if(month==3 || month==4){ eventDate = year+'年3月1日~5月1日'; }else if(month==5 || month==6 || month==7){ eventDate = year+'年5月1日~8月1日'; }else if(month==8 || month==9){ eventDate = year+'年8月1日~10月1日'; }else if(month==10 || month==11){ eventDate = year+'年10月1日~12月1日'; }else{ eventDate = year+'年12月1日~1月1日'; } $('.eventDate').text(eventDate); } </script> </body> </html>
PS:由于工作需要就这么多,也就没细写。你可以再细写,根据每月的日期再判断节日,再根据节日显示对应的活动。之所以写这个,是因为经常要修改日期。。。
效果图: