Correction status:Uncorrected
Teacher's comments:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>倒计时</title> <script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script> <style type="text/css" media="screen"> *{ margin: 0; padding: 0; } img{ border:0; } ol, ul ,li{list-style: none;} #kk{ width:1000px; height:100px; line-height: 100px; background: #039293; color:#fff; font-size: 40px; text-align:center; margin:100px auto; } </style> </head> <body> <div id="kk"> <p>距离劳动节还有:<span></span></p> </div> <script> $(function(){ function Ro(){ //当前时间戳 var d = new Date().getTime(); //1970年的时间戳 var dd = new Date("2019-05-01 0:0:0").getTime(); //获取今天距离劳动节的总毫秒 var times = dd-d; //获取天数 var get_days = Math.floor(times/1000/3600/24); //获取小时 var get_hours = Math.floor((times/1000/3600)%24); //获取分钟 var get_minutes = Math.floor((times/1000/60)%60); //获取秒 var get_seconds = Math.floor((times/1000)%60); $('#kk span').text(get_days+'天'+get_hours+'时'+get_minutes+'分'+get_seconds+'秒'); } setInterval(Ro,1000); }) </script> </body> </html>
点击 "运行实例" 按钮查看在线实例