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

 时间:2024-10-15 19:58:17

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

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

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

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

3、在script标签里定义一个time()函数function time(){ th坡纠课柩istime=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: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 //在标题显示var timer=setTimeout("time()",1000) //设置计时器,让时间每分每秒更新

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

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

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

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

制作网页时如何在网页标题显示当前系统时间
  • js如何将链接添加到指定标签
  • 前端编程-用浏览器自带的取色功能快速拾取颜色
  • css如何制作表格边框凹进去的效果
  • 如何用工厂模式创建对象
  • jquery如何修改标签的内容?
  • 热门搜索
    国庆小报手抄报 红五月手抄报 二年级手抄报图片 小学生法律手抄报 感恩妈妈手抄报内容 手抄报中国梦 珍爱生命手抄报图片 绿色校园手抄报内容 环境手抄报 反邪教手抄报图片大全