实例
<!DOCTYPE html>
<html>
<head>
<title>倒计时</title>
<link rel="icon" type="image/x-icon" href="static/images/favicon.ico">
<script type="text/javascript" src="static/jquery-3.3.1.min.js"></script>
<style type="text/css">
*{margin: 0px;padding: 0px;}
div{
font-size:36px;
width: 1200px;
height: 180px;
margin: 100px auto;
background: #82d743;
line-height: 180px;
text-align: center;
color:#fff;
}
</style>
</head>
<body>
<div>
<p>2019年清明节倒计时<span></span></p>
</div>
<script>
$(function(){
function Ro(){
//parse()方法，可解析一个日期时间字符串，并返回1970-1-1午夜距离该时间的毫秒数;
var d=Date.parse("Apr 05,2019");//返回了1970-1-1距离该日期的毫秒
var date=new Date();//获取当前时间
var dd=date.getTime();//getTime()方法可返回距1970-1-1之间的毫秒数
// 一秒等于1000毫秒，1分钟=60秒。一小时=60分钟等于3600秒，一天24小时=86400秒
var rd=Math.floor((d-dd)/1000);//取得到总的秒数（当前时间到定的时间）
var days_tian=Math.floor(rd/86400);//获得天数
var hours_tianyushu=Math.floor(rd%86400/3600);//取%是不到一天的时间，获得小时
var minus_fenzhong=Math.floor(rd%360/60);//获得多少分钟，
var secos_miao=Math.floor(rd%60);//获得秒数
$('span').text(days_tian+"天"+hours_tianyushu+"小时"+minus_fenzhong+"分钟"+secos_miao+"秒");
}
setInterval(Ro);
})
</script>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
