制作网页时如何在网页标题显示当前系统时间

2025-10-24 15:20:24

1、打开Dreamweaver新建一个html网页。

制作网页时如何在网页标题显示当前系统时间

2、切换到代码视图,在<head></head>标签里,<title></title>标签后面输入JavaScript标签。  

<script type="text/javascript">

</script>

制作网页时如何在网页标题显示当前系统时间

3、在script标签里定义一个time()函数

function time()

{

thistime=new Date()                                   //创建一个对象

var hours=thistime.getHours()                    //获取时钟

var minutes=thistime.getMinutes()             //获取分钟

var seconds=thistime.getSeconds()              //获取秒钟

var years=thistime.getYear()                         //获取年

var months=thistime.getMonth()                //获取月

var days=thistime.getDay()                          获取日

}

制作网页时如何在网页标题显示当前系统时间

4、判断当时钟小于10的时候在前面加个0,例如8点零8分会显示08:08

if(eval(hours)<10)

{

hours="0"+hours

}

if(eval(minutes<10))

{

minutes="0"+minutes

}

if(seconds<10)

{

seconds="0"+seconds

}

制作网页时如何在网页标题显示当前系统时间

5、thistime=hours+":"+minutes+":"+seconds     //把时间显示顺序调整好

document.title=thistime                                //在标题显示

var timer=setTimeout("time()",1000)              //设置计时器,让时间每分每秒更新

制作网页时如何在网页标题显示当前系统时间

6、在<body></body>标签加上加载触发事件

<body onload="time()">

制作网页时如何在网页标题显示当前系统时间

7、按Ctrl+s保存,按F12在浏览器中浏览。最终效果图。

制作网页时如何在网页标题显示当前系统时间

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢