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

VIP文章 khadijiah

于 2017-08-19 15:08:20 发布

阅读量1.6k

点赞数 4

分类专栏： javascript html 文章标签： javasript h5 css 简易闹钟

本文链接：https://blog.csdn.net/khadijiah/article/details/77412820

版权

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
#bodyDiv{
width: 600px;
height: 400px;
background: skyblue;
margin: 100px auto;
border-radius: 40px;
box-shadow: 4px -4px 9px rgba(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{