养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

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

时间:2024-11-01 03:34:26

用JavaScript定义获取当前系统时间函数,使用网页触发器触发事件。

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

工具/原料

DreamweaverCs4

方法/步骤

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

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

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

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

3、在script标签里定义一个time()函数functiontime(){ th坡纠课柩istime=newDate()惺绅寨瞀//创建一个对象 varhours=thistime.getHours()//获取时钟 varminutes=thistime.getMinutes()//获取分钟 varseconds=thistime.getSeconds()//获取秒钟varyears=thistime.getYear()//获取年varmonths=thistime.getMonth()//获取月vardays=thistime.getDay()获取日}

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

4、判断当时钟怅屹岖噤小于10的时候在前面加个0,例如8点零8分会显示08:08if(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//在标题显示vartimer=setTimeout("time()",1000)//设置计时器,让时间每分每秒更新

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

6、在<body></body>标签加上加载触发事件<bodyonload="time()">

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

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

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

© 一点知识