当前位置:8288分类目录 » 站长资讯 » 科技 » 文章详细

HTML如何显示当前动态时间?

来源:网络转载 浏览:51574次 时间:2023-11-23

1、搭建网页利用已搭建的IIS本地服务器,在共享区域新建一个html文件,命名为index.html。如图


分类目录


2、植入html元素用记事本打开index.html,完善html基本元素。写入一下代码:<html xmlns=><head><meta http-equiv=Content-Type content=text/html/><title>时间的动态显示</title> </head><body></body></html>并保存。如图:

3、写入JavaScript时间代码在html头部写入获取时间的代码: <script language=javascript> var t = null; t = setTimeout(time,1000);//开始执行 function time() { clearTimeout(t);//清除定时器 dt = new Date();var y=dt.getYear()+1900;var mm=dt.getMonth()+1;var d=dt.getDate();var weekday=[星期日,星期一,星期二,星期三,星期四,星期五,星期六];var day=dt.getDay(); var h=dt.getHours(); var m=dt.getMinutes(); var s=dt.getSeconds();if(h<10){h=0+h;}if(m<10){m=0+m;}if(s<10){s=0+s;} document.getElementById(timeShow).innerHTML = 现在的时间为:+y+年+mm+月+d+日+weekday[day]+ +h+:+m+:+s+; t = setTimeout(time,1000); //设定定时器,循环执行 } </script>如图:

4、写入div标签在内容部分写入div标签,并附上ID,用来加载时间的载体。<divid=timeShow ></div>如图:

5、写入样式在头部写入div的样式: <style> .time1{width:100%; height:50px; background:#FFF000; line-height:50px; text-align:center;} </style>并保存,如图:

6、加载网页在浏览器输入192.168.1.2,查看编写的网页文件。如图:





8288分类目录声明:本站部分文章来源于网络,版权属于原作者所有。如有转载或引用文章/图片涉及版权问题,请联系我们处理.我们将在第一时间删除! 联系邮箱:tsk@qq.com

推荐网站

最新加入网站 TOP5

入站排行榜 TOP5