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

 时间:2026-02-12 23:00:42

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在浏览器中浏览。最终效果图。

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

  • js如何将链接添加到指定标签
  • 前端编程-用浏览器自带的取色功能快速拾取颜色
  • css如何制作表格边框凹进去的效果
  • 如何用工厂模式创建对象
  • jquery如何修改标签的内容?
  • 热门搜索
    苏州旅游集散中心 安康有哪些旅游景点 香港旅游攻略2012 东方旅游网 京东大峡谷旅游区 e龙旅游网 陕西省旅游网 重庆旅游图片 仁化旅游景点大全 银川旅游团