本文摘自PHP中文网,作者不言,侵删。
本文通过实例代码给大家介绍了HTML写一个网页动态时钟效果,需要的的朋友参考下吧用html写一个动态网页时钟,代码如下所示:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | <!DOCTYPE html>
< html >
< head >
< meta charset = "UTF-8" >
< title >时钟特效</ title >
</ head >
< script type = "text/javascript" >
function disptime(){
var today=new Date();
var hh=today.getHours();
var mm=today.getMinutes();
var ss = today.getSeconds();
document.getElementById("myclock").innerHTML="< h1 >现在是―"+hh+":"+mm+":"+ss+"</ h1 >"
}
//setInterval()方法可以按照指定的周期调用函数或计算表达式
var mytime = setInterval("disptime()",1000);
</ script >
< body onload = "disptime()" >
< p id = "myclock" ></ p >
</ body >
</ html >
|
阅读剩余部分
相关阅读 >>
Html怎么使按钮不可用
Html的元素如何设置焦点
Html怎么设置边框
Html中图片显示不出来怎么办
Html怎么给span添加颜色
基于Html如何做出多图上传预览效果
语义化的Html结构对布局的好处是什么?
Html实现像百度的首页效果一样的背景图(代码)
Html中<input>标签的class属性的值及其使用方法总结
es6删除数组元素或者对象元素的方法介绍(代码)
更多相关阅读请进入《Html》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » HTML实现网页动态时钟