收藏
批改状态：合格
老师批语：
总结：
本课主要学习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>点击 "运行实例" 按钮查看在线实例
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
