用javaScript实现钟表功能

最新推荐文章于 2023-04-07 10:25:58 发布

驴啃树皮

最新推荐文章于 2023-04-07 10:25:58 发布

阅读量1k

点赞数 8

文章标签： javascript 钟表

本文链接：https://blog.csdn.net/wangjianq_bobo/article/details/52949718

版权

用JavaScript实现简单的钟表功能，效果如下：注：本代码只在Chrome浏览器中运行过，没有在IE浏览器中做过检测，给读者带来的不便敬请谅解。var body_ = document.getElementsByTagName("body");body_[0].style.background = 'black

摘要由CSDN通过智能技术生成

用JavaScript实现简单的钟表功能，效果如下：

注：本代码只在Chrome浏览器中运行过，没有在IE浏览器中做过检测，给读者带来的不便敬请谅解。

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title></title>
</head>

<body>
<script type="text/javascript">
var body_ = document.getElementsByTagName("body");
body_[0].style.background = 'black';
//创建表盘
var clockDiv = document.createElement("div");
clockDiv.style.width = '300px';
clockDiv.style.height = '300px';
clockDiv.style.background = 'white';
clockDiv.style.backgroundSize = '100% 100%';
clockDiv.style.margin = '100px auto';
clockDiv.style.position = 'relative';
clockDiv.style.borderRadius = '50%';
clockDiv.style.boxShadow = '0 0 150px #ccc';
body_[0].appendChild(clockDiv);

最低0.47元/天解锁文章

驴啃树皮

关注

8
点赞
踩
9

收藏

觉得还不错? 一键收藏
0
评论
用javaScript实现钟表功能

用JavaScript实现简单的钟表功能，效果如下：注：本代码只在Chrome浏览器中运行过，没有在IE浏览器中做过检测，给读者带来的不便敬请谅解。var body_ = document.getElementsByTagName("body");body_[0].style.background = 'black
复制链接

扫一扫