学做网站培训课程介绍

当前位置:

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>

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

发表评论

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

相关教程

  • 如果我们的网站有港澳台的用户,那么网站特别好是能支持文字简繁互转,这样做能方便不同用户更好的阅读网站内容。那么如何在自己做网站时,实
  • 我们都知道在做网站时,加载的文件越少速度就会越快,包括CSS、JS、图片、数据库等等,特别是门户网站建设更是如此。要减少这些文件的载入,特别
  • 我们在浏览网站时,会发现有些网站的顶部会有天气预报功能,并且可以根据用户所在的城市自动变换成当地的天气预报信息。那么我们在自己建网站时,怎么
  • 我们在学习wordpress模板制作教程时,讲到了如何制作网站的菜单功能。今天我们讲一下如何添加wordpress后台菜单设置选项,通过后台菜单选项就可以轻松
  • 在企业网站制作时,需要在网站的边栏列出企业产品分类,如果公司网站产品项目很多的情况,就需要设置二级分类或者子分类。如下图:如何在自己
  • 在使用wordpress建网站时,往往需要在侧边栏调用当前栏目的子分类子目录,而且在点击子目录时,还会侧边栏显示这些子目录的分类。在wp程序下,
  • 使用wordpress建网站时,需要在网页上自动调用文章发布的日期,可以使用下面的三种日期代码来调用:第一种:<?php the_time('F d, Y') ?&g
  • 很多网站都会在顶部显示实时的日期,时间,而且时间可以根据自己电脑的时间自动的更新。就像网站上装了一个时钟一样,当用户进入我们做的网站时就会看
  • 在我们学做网站的过程中,通过图片的后缀名我们很轻松的了解图片是什么格式的,想要替换的时候,很就简单了。但有的同学的电脑里的图片等文件并没
  • 通过wordpress程序自己做网站时,如果想在网站上显示每片文章的浏览量,一般都会使用wordpress浏览量插件,它可以方便的统计我们网站的每篇文章的浏览