零基础建站培训教程介绍

当前位置:

JS调用当前日期显示在网站上

在网站制作时,有时需要在网站上显示当前日期,并且自动更新。这样可以让用户查看当前日期是多少,这在门户网站制作过程中经常用过。
效果如下图:

当前日期显示在网站

如何在自己做网站时实现网站显示日期的效果呢,只需要使用下面的JS代码即可。

方法/步骤

  1. 新建一个空白的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>");
    // -->
  2. 将timer.js上传到自己网站空间根目录下;
  3. 在网站上需要显示当前日期的位置,使用以下的代码进行调用:
    
    
    <script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/timer.js"></script>

通过以上的步骤和代码,就可以在我们自己做网站时显示当前日期了。

发表评论

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

学做网站论坛零基础学建网站课程