<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>date</title>
</head>
<body>
<div id="show_time"></div>
<div id="now_time"></div>
<script type="text/javascript">
var str_date='2018-8-1';
var show=document.querySelector('#show_time');
var now_time=document.querySelector('#now_time');
now_time.innerHTML=dateFormat(new Date())
setInterval(function () {
show.innerHTML=timeFormat(new Date(),str_date);
},1000);
function timeFormat(start_time,end_time) {
var time=(new Date(end_time)-new Date(start_time))/1000;
var days=parseInt(time/(24*60*60));
var hours=parseInt(time%(24*60*60)/(60*60));
var minutes=parseInt(time%(60*60)/60);
var seconds=parseInt(time%60);
return `剩余时间:${days}天:${hours}小时:${minutes}分钟:${seconds}秒`
}
function dateFormat(date) {
var year=date.getFullYear();
var month=date.getMonth()+1>9 ? date.getMonth()+1:'0'+(date.getMonth()+1);
var day=date.getDate();
var hour=date.getHours();
var minute=date.getMinutes();
var second=date.getSeconds();
return year+'/'+month+'/'+day+' '+hour+':'+minute+':'+second;
}
var a=10;
a= a>9 ? a:'0'+a;
</script>
</body>
</html>
倒计时界面
猜你喜欢
转载自blog.csdn.net/qq_42650983/article/details/81006425
今日推荐
周排行