博客列表 >jQuery简单的春节倒计时

jQuery简单的春节倒计时

九头岩仙人的博客
九头岩仙人的博客原创
2019年01月21日 23:05:22559浏览
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>新年倒计时</title>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<style>
.time {
height: 400px;
width: 800px;
background-color: red;
margin: 0 auto;
}
div p
{
color:white;
line-height: 400px;
text-align: center;

}
</style>
<script>
$(function(){
var starttime = new Date("2019/2/4");
setInterval(function () {
var nowtime = new Date();
var time = starttime - nowtime;
var day = parseInt(time / 1000 / 60 / 60 / 24);
var hour = parseInt(time / 1000 / 60 / 60 % 24);
var minute = parseInt(time / 1000 / 60 % 60);
var seconds = parseInt(time / 1000 % 60);
$('P').html('距离春节倒计时还有:' + day + "天" + hour + "小时" + minute + "分钟" + seconds + "秒");
}, 1000);
})
</script>
</head>
<body>
<div>
<p></p>
</div>
</body>
</html>


声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议