【罗盘时钟---使用html,js,css编写。附源代码及效果】

最新推荐文章于 2024-06-20 03:22:43 发布

发呀发呀哈哈

最新推荐文章于 2024-06-20 03:22:43 发布

阅读量626

点赞数

分类专栏：前端 html 文章标签： html javascript css

本文链接：https://blog.csdn.net/m0_67401545/article/details/123374848

版权

代码

罗盘效果.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>js罗盘时钟</title>
 
<link rel="stylesheet" href="demo.css" >
 
</head>
<body> 
<div id="clock"></div>
<script src="demo.js"></script>
</body>
</html>

demo.css

*{
 margin:0;
 padding:0
}
html,body{
 width:100%;
 height:100%;
 background-color:#000;
 overflow:hidden
}
#clock{
 position:relative;
 width:100%;
 height:100%;
 background:#000
}
.label{
 display:inline-block;
 color:#4d4d4d;
 text-align:center;
 padding:0 5px;
 font-size:19px;
 transition:left 1s,top 1s;
 transform-origin:0% 0%
}

demo.js

var monthText=["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"];
var dayText=["零一号","零二号","零三号","零四号","零五号","零六号","零七号&

最低0.47元/天解锁文章

发呀发呀哈哈

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
【罗盘时钟---使用html,js,css编写。附源代码及效果】

代码罗盘效果.html<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>js罗盘时钟
复制链接

扫一扫

专栏目录