JS调用当前日期显示在网站上
在做网站时,有时需要在网站上显示当前日期,并且自动更新。这样可以让用户查看当前日期是多少,这在门户网站制作过程中经常用过。
效果如下图:
如何在自己做网站时实现网站显示日期的效果呢,只需要使用下面的JS代码即可。
方法/步骤
- 新建一个空白的JS文件,命名为timer.js。将下面的代码放到JS文件中;
<!--
var datelocalweek=new Array("星期日", "星期一", "星期二","星期三","星期四", "星期五","星期六");
var datelocalnow=new Date();
var datelocalyear=datelocalnow.getFullYear();
var datelocalmonth=(datelocalmonth="0"+(datelocalnow.getMonth()+1)).substr(datelocalmonth.length-2,2);
var datelocalday=(datelocalday="0"+datelocalnow.getDate()).substr(datelocalday.length-2,2);
var datelocalweekday=datelocalweek[datelocalnow.getDay()];
document.write("<font color=#f96c0f>北京时间:</font><font color=#333333> "+datelocalyear+"年"+datelocalmonth+"月"+datelocalday+"日"+" "+datelocalweekday+"</font>");
// --> - 将timer.js上传到自己网站空间根目录下;
- 在网站上需要显示当前日期的位置,使用以下的代码进行调用:
<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/timer.js"></script>
通过以上的步骤和代码,就可以在我们自己做网站时显示当前日期了。