javascript|第一篇博文，发一个用（h5,css,js）做的闹钟吧 javascript|html

- 锐客网

#bodyDiv{
width: 600px;
height: 400px;
background: skyblue;
margin: 100px auto;
border-radius: 40px;
box-shadow: 4px -4px 9pxrgba(0,0,0,0.4);
position: relative;
}
#timeDiv{
width: 450px;
height: 60px;
background: seashell;
border-radius: 17px;
position: absolute;
top: 50px;
left: 65px;
box-shadow: 2px 2px 6px 3px rgba(0,0,0,0.3);
}
.btn1 input{
width: 80px;
height: 30px;
position: absolute;
top: 145px;
right: 90px;
border-radius: 12px;
background: salmon;
outline: none;
}
.btn2 input{
width: 80px;
height: 30px;
position: absolute;
top: 210px;
right: 90px;
border-radius: 12px;
background: seagreen;
outline: none;
}
.timeKuai{
float: left;
width: 40px;
height: 35px;
background-color: bisque;
color: #f90013;
font-size: 16px;
font-family: Arial;
border-radius: 5px;
text-align: center;
line-height: 37px;
margin-top: 12px;

}
.ziti{
float: left;
margin: 24px 8px ;
width: 4px;
height: 12px;
font-size: 12px;
line-height: 12px;
color: saddlebrown;
}
#timeSet{
width: 300px;
height:230px;
position: absolute;
bottom: 5px;
left: 5px;
border-radius: 43px 0 45px 43px;
background: rgba(255,0,0,0.1);
display: none;
}
#timeSet input{
display: block;
margin: 10px;
}

年

月

日

时

分

秒

星期

闹钟时间设置

【javascript|第一篇博文，发一个用（h5,css,js）做的闹钟吧】

文章图片

javascript|第一篇博文，发一个用（h5,css,js）做的闹钟吧

推荐阅读

刘德华刷屏热搜，我只觉得悲哀！

招商银行app转账记录怎么删除

吐司可以怎么吃夏天吐司要放冰箱冷藏吗

壁挂炉关掉暖气只留热水怎么操作,这是非常重要的指数

如何清理笔记本电脑灰尘怎么清理笔记本电脑灰尘

手工消防车怎么做

恭贺新春|恭贺新春 | 汉字到底有多少字（）

环保板材有哪些等级

原车漆可以保持几年原车漆可以保持几年不变色

迷你世界秋果激活码迷你世界秋果兑换码

女人越贵,越有底气,你们赞同吗？

windows查看本机端口我来分享win8系统查看本机端口的基础操作

新生儿黄疸多久消退

北极熊为何不吃企鹅北极熊不吃企鹅

比熊养殖技术比熊养殖技巧

门店财务分析,杜邦财务分析

原神什么时候升暴击原神暴击提升时机分析

武装突袭3怎么在地图上看自己武装突袭怎么看自己位置

2023海南热带野生动植物园赏花时间海南热带野生动植物园本地人门票

万寿果泡酒的功效与作用有哪些