总结:
本课主要学习jQuery的入门知识:引用方式,ready()状态,$+选择器。作业主要练习了JS的date函数和时间戳转换为日期。
实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>01-春节倒计时</title> </head> <body> <div class="wrap"> <p>距离2019年3月1日倒计时:<span id="text"></span></p> </div> <script> // 1、获取今天的时间戳 // 2、获取春节的时间戳 // 3、将差值转换为日期 // 剩余秒数 var timeTo = setInterval(function(){ var today = new Date().getTime(); var endDay = new Date('2019-03-01 00:00:00').getTime(); var s = endDay - today; var rd = Math.floor(s / 1000 ); var dd = Math.floor(rd / 86400); var hh = Math.floor(rd % 86400 / 3600); var mm = Math.floor(rd % 3600 / 60); var ss = Math.floor(rd % 60 ); var span = document.querySelector('#text'); span.innerHTML = dd+'天'+hh+'小时'+mm+'分'+ss+'秒' },1000) </script> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例