applogo.png

车抵贷
购物领券
2022-03-16 微信搜索 热度:919

HTML如何显示当前动态时间

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

HTML如何显示当前动态时间(html实时显示当前时间语句)

HTML如何显示当前动态时间(html实时显示当前时间语句)

HTML如何显示当前动态时间(html实时显示当前时间语句)

HTML如何显示当前动态时间(html实时显示当前时间语句)

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

HTML如何显示当前动态时间(html实时显示当前时间语句)

HTML如何显示当前动态时间(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" class="time1"></div>如图:

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

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

上一篇:申请微信小程序的代理有什么要求

下一篇:微信朋友圈相册封面怎么才能使用动态图

赞 0
分享
猜你喜欢

丙肝是什么病微信交流群,丙肝母婴贴吧

耳鸣微信交流群,全国耳鸣交流群

打呼噜微信交流群,怎么加入陌生微信群

「东莞车迷微信群」求个东莞的大众高尔夫微信群

「聋人微信和扣扣群」微信有聋哑人的群吗

「加入菏泽大型微信群」如何加入菏泽一中高三一部十八班微信群

「启动微信群名软件」微信群怎么设置不让别人改群名?

「微信红包群规则复制」微信红包群规章制度是什么样的?

「微信稀奇古怪总代群」我想在微信上卖稀奇古怪的玩意,一件代发的,不需要加盟费!有的留个

「微信群群主有哪些特权」微信群主有哪些特权?

 

账号登录,或者注册个账号?