学做网站培训课程介绍

当前位置:

如何在网页中动态显示当前日期和时间(js调用)

很多网站都会在顶部显示实时的日期,时间,而且时间可以根据自己电脑的时间自动的更新。就像网站上装了一个时钟一样,当用户进入我们做的网站时就会看到今天是哪一年,哪一月,哪一日,星期几,时,分,秒,并且它是自动变化的。

如果是在网站上显示固定的日期,可以使用wordpress调用日期的三种代码

time

如何在自己做网站时能够制作出像上面效果的实时更新的时间效果呢?通过以下的JS特效代码调用就可以实现了。

制作网站时间特效的步骤

  1. 用DW软件新建一个HTML网页,并将以下的HTML代码粘贴到网页中,并保存为time.html.
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>时间</title>
    <style>
    #time{
    font-size: 12px;
    font-weight: normal;
    color: #999;
    padding:-2 0 0;
    margin:0px;
    }
    </style>
    </head>
    <body>
    <div id="time"></div>
    <script type="text/javascript" language="javascript">// <![CDATA[
    window.onload=function (){
    setInterval("document.getElementById('time').innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());",1000);
    }
    // ]]></script>
    </body>
    </html>
  2. 再新建一个js文件,粘贴以下的js代码,保存为time.js  (作用是将以上的html文件转换为js文件,要修改代码中的网站的网址为自己的域名)
    document.writeln("<iframe src="http://网站的网址/time.html"  height="100" width="200" scrolling="no"  frameborder="0"  ></iframe>");
  3. 将上面二步制作好的time.html和time.js上传到自己网站空间的根目录下,然后通过以下的js代码去调用实时时间,放在你想显示日期,时间的任意网站位置。
    今天是:<script type="text/javascript" src="http://网站的网址/time.js"></script>

发表评论

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

相关教程

  • 网页如何添加背景音乐 视频教程附件下载 (1116863 次浏览)
    在上网过程中,有很多网站打开后会自动播放背景音乐,而且只有当关闭网页之后背景音乐才会停止。在我们自己建网站,同样也可以给自己的网页添加背
  • 通过网页制作教程上节课怎样在网页中添加表格,我们就可以在网页中插入一个表格,但往往插入的表格并不美观,我们需要设置一些表格参数去达到我们要求
  • 我们在有些网站上看到会在网站的某个位置显示一个动态变化的时钟,它是一秒秒的变化。对于这种效果,我们自己做网站时也可以制作出来,只需要通过JS就
  • 说起网站图标favicon.ico,大家都想到的是制作一个固定小图片来显示【方法见:如何制作网站图标favicon.ico】,很少知道网站图标可以做成一个动态的。
  • 在我们学做网站的过程中,通过图片的后缀名我们很轻松的了解图片是什么格式的,想要替换的时候,很就简单了。但有的同学的电脑里的图片等文件并没
  • 很多同学在模板制作的过程,都有图片调用不出来的现象,其实原因很简单,就是图片路径错误造成的。这里涉及到html和css中的一些路径知识,这个视
  • 很多网站都会在顶部显示实时的日期,时间,而且时间可以根据自己电脑的时间自动的更新。就像网站上装了一个时钟一样,当用户进入我们做的网站时就会看
  • 在企业网站制作时,需要在网站的边栏列出企业产品分类,如果公司网站产品项目很多的情况,就需要设置二级分类或者子分类。如下图:如何在自己
  • 在使用wordpress建网站时,往往需要在侧边栏调用当前栏目的子分类子目录,而且在点击子目录时,还会侧边栏显示这些子目录的分类。在wp程序下,
  • 使用wordpress建网站时,需要在网页上自动调用文章发布的日期,可以使用下面的三种日期代码来调用:第一种:<?php the_time('F d, Y') ?&g
  • 对于网站备案,在学做网站论坛的免费建站课程就介绍过什么是网站备案。但对于很多学做网站新手来说,还是对网站备案存在一些问题。例如:网站备案需要
  • 如果我们的网站有港澳台的用户,那么网站特别好是能支持文字简繁互转,这样做能方便不同用户更好的阅读网站内容。那么如何在自己做网站时,实
  • 我们都知道在做网站时,加载的文件越少速度就会越快,包括CSS、JS、图片、数据库等等,特别是门户网站建设更是如此。要减少这些文件的载入,特别
  • 我们在浏览网站时,会发现有些网站的顶部会有天气预报功能,并且可以根据用户所在的城市自动变换成当地的天气预报信息。那么我们在自己建网站时,怎么
  • 在学做网站论坛的VIP课程中,我们讲了做网站时,我们网站的导航是调用一级分类和页面,可往往为了一些需要,登录制作wordpress下拉菜单,要求调用某个