• A+

WordPress自定义显示当前日期及问候语

2018-11-15 阅读: 275 次 评论 0 条 百度已收录
活得累是因为心里装了多余的东西,跟吃饱了撑的是一个道理。
本文共259个字,预计阅读时间需要1分钟。

这几天在浏览别人网站时,看着别人的网站可以显示当前日期问候语,感觉很欢莘,想着要不自己也弄一个呗!!! 说弄咱就弄,下面介绍方法及代码。

1、将下面代码保存为date_hello.js。

  1. function show_date_One(){
  2. var enabled = 0; today = new Date();
  3. var day; var date;
  4. if(today.getDay()==0) day = " 周日"
  5. if(today.getDay()==1) day = " 周一"
  6. if(today.getDay()==2) day = " 周二"
  7. if(today.getDay()==3) day = " 周三"
  8. if(today.getDay()==4) day = " 周四"
  9. if(today.getDay()==5) day = " 周五"
  10. if(today.getDay()==6) day = " 周六"
  11. show_date_week.innerHTML = day;}
  12. show_date_One();
  13.  
  14. function show_date_two(){
  15. today=new Date();
  16. var day; 
  17. var date; 
  18. var hello;
  19. hour=new Date().getHours();
  20. if(hour < 6){ hello=' 凌晨好! ';}else if(hour < 9){ hello=' 早上好!';}else if(hour < 12){ hello=' 上午好!';}else if(hour < 14){ hello=' 中午好! ';}else if(hour < 17){ hello=' 下午好! ';}else if(hour < 19){ hello=' 傍晚好!';}else if(hour < 22){ hello=' 晚上好! ';}else{ hello='夜深了! ';}function GetCookie(sName) { var arr = document.cookie.match(new RegExp("(^| )"+sName+"=([^;]*)(;|$)")); if(arr !=null){return unescape(arr[2])}; 
  21. return null;
  22. }
  23. var Guest_Name = decodeURIComponent(GetCookie('author'));
  24. var webUrl = webUrl;if (Guest_Name != "null" ){ hello = Guest_Name+' , '+hello+' 欢迎回来。';
  25. }
  26. show_date_hello.innerHTML = ' '+hello;}
  27. show_date_two();

2、在需要显示的位置加入一下代码:

  1. <span id=show_date_week></span><span id=show_date_hello></span>

3、在之前加入下列代码。

  1. <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/date_hello.js" charset="UTF-8"></script>

js路径自己根据实际情况修改。
到此,基本上搞完了,至于css样式,自己看着改吧,这里就不多说了。

本文地址:https://www.chyiyang.cn/21.html
本文标题:WordPress自定义显示当前日期及问候语
版权声明:本站所有文章除特别声明外,均采用 署名-非商业性使用-禁止演绎 4.0 国际 许可协议。请尊重他人的劳动成果,转载请写明出处!
所属分类:WP相关

发表评论


表情