<div id="time"></div>
<div id="box"></div>
<script src="../JS/jquery-3.3.1.min.js"></script>
<script>
setInterval(function(){
var time=new Date();
var year=time.getFullYear();
var month=time.getMonth()+1;
var day=time.getDate();
var hour=time.getHours();
var minute=time.getMinutes();
var second=time.getSeconds();
var box=document.getElementById("time");
box.innerHTML="当前时间:"+year+"年"+count(month)+"月"+count(day)+"日"+" "+count(hour)+":"+count(minute)+":"+count(second);
function count(obj){
if(obj<9){
return "0"+obj;
}
return obj;
}
}, 500);
setInterval(function(){
var wddate=(new Date(2021,9,1)).getTime();
var ndate=(new Date()).getTime();
var diff=(wddate-ndate)/1000;
var days = parseInt(diff/(24*60*60));
var hours = parseInt(diff/(60*60)%24);
var minutes=parseInt(diff/(60)%60);
var seconds=parseInt(diff%60);
var time="距离2021年10月1日,还有:"+days+"天"+hours+"小时"+minutes+"分钟"+seconds+"秒";
$("#box").text(time);
}, 500);
- 效果图如下: