js+html+css实现简单电子时钟【Js基础】
作者:手机用户2502860335 | 来源:互联网 | 2023-10-11 01:54
这篇文章主要为大家详细介绍了js+html+css实现简单电子时钟,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的
本文实例为大家分享了js+html+css实现简单电子时钟的具体代码,供大家参考,具体内容如下
最终结果:
HTML部分
css部分
/* 电子时钟的总体样式设置 */
#clock{
width:800px;
font-size: 80px;
font-weight: bold;
color: #008B8B;
text-align: center;
margin: 20px;
}
/* 时分秒数字区域的样式设置 */
.box1{
margin-right: 10px;
width: 100px;
height: 100px;
line-height: 100px;
float: left;
border: gray 1px solid;
}
/* 冒号区域的样式设置 */
.box2{
width: 30px;
float: left;
margin-right: 10px;
}
js部分
——使用外链时不需加
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程笔记。