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）做的闹钟吧

推荐阅读

诺科壁挂炉故障代码e6怎么解决林内壁挂炉故障代码e6怎处理

手上的烟味怎么快速去除如何去除手上的烟垢

茄子把上的刺有什么用

面屏|国产屏下摄像头爆发在即！苹果令人难提兴致，这些硬件配置别阉割

大协调能力培育方法

牛肉馅蒸15分钟能熟吗

有没有一首经典老歌唱哭过自己？

天丝面料可以机洗吗

为什么停了地暖有味道呢，怎么修复与排查方法？

天然气热水器不用时水要排空吗，怎么修复与排查方法？

单位g是什么意思

炖鸡汤需要放什么调料包好炖鸡汤需要放什么调料

肚包鸡的做法步骤是什么猪肚要怎么处理才干净

鬼谷八荒通灵秘境怎么找鬼谷八荒通灵秘境找法介绍

玉竹红枣煲鸡汤——滋阴养血润肺止咳

腊八节过会是不是更冷了 2021腊八节当天是冷是热

人事考试网德州市人力资源考试网官网

大江钓鱼如何防止挂底江河钓鱼怎样防止挂底

原神90级岩本怎么打,90级岩本完善通关攻略

企业应用电子商务成功案例分析