下面我来为你详细讲解一下“Javascript获取当前时间函数和时间操作小结”的完整攻略。
Javascript获取当前时间函数和时间操作小结
获取当前时间
在Javascript中,我们可以使用Date()
对象来获取当前时间。调用该对象,即可获得当前本地时间的完整字符串表示,格式如下:
Thu Mar 05 2020 20:13:07 GMT+0800 (中国标准时间)
我们可以使用以下代码来获取当前时间的字符串表示:
let now = new Date();
console.log(now.toString());
输出结果如下:
Thu Mar 05 2020 20:13:07 GMT+0800 (中国标准时间)
时间操作
在Javascript中,我们可以对时间对象进行加、减、获取对应日期等操作。
加减时间
我们可以使用setTime()
方法设置一个时间,使用getTime()
方法获取该时间的时间戳,然后使用数学运算符对其进行加减操作,再将时间戳转化为时间格式:
let now = new Date();
let targetTime = now.getTime() + 1000 * 60 * 60; // 加一小时
let newTime = new Date(targetTime);
console.log(newTime.toString());
输出结果如下:
Thu Mar 05 2020 21:13:07 GMT+0800 (中国标准时间)
获取对应日期
我们可以使用getFullYear()
、getMonth()
、getDate()
等方法获取时间对象对应的年月日:
let now = new Date();
let year = now.getFullYear(); // 获取当前年份
let month = now.getMonth() + 1; // 获取当前月份 (注意该方法的返回值从0开始)
let date = now.getDate(); // 获取当前日期
console.log(`当前时间是${year}年${month}月${date}日`);
输出结果如下:
当前时间是2020年3月5日
示例说明
示例1:倒计时
下面是一个简单的倒计时示例,实现页面上显示一个倒计时,每秒钟更新一次:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>倒计时</title>
</head>
<body>
<div id="time">距离下一场比赛还有:</div>
<script type="text/javascript">
let targetTime = new Date("2020-03-08 21:00:00").getTime(); // 设置目标时间的时间戳
setInterval(function() {
let now = new Date().getTime(); // 获取当前时间的时间戳
let distance = targetTime - now; // 目标时间与当前时间的时间差
let days = Math.floor(distance / (1000 * 60 * 60 * 24)); // 计算天数
let hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); // 计算小时数
let minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); // 计算分钟数
let seconds = Math.floor((distance % (1000 * 60)) / 1000); // 计算秒数
document.getElementById("time").innerHTML = `距离下一场比赛还有:${days}天 ${hours}小时 ${minutes}分 ${seconds}秒`;
}, 1000);
</script>
</body>
</html>
在页面上打开该示例,即可看到页面上实时更新的倒计时。
示例2:时间格式化
下面是一个时间格式化的示例,实现对一个时间的格式化:
function formatDate(date) {
let year = date.getFullYear();
let month = date.getMonth() + 1;
let day = date.getDate();
let hour = date.getHours();
let minute = date.getMinutes();
let second = date.getSeconds();
return `${year}-${month}-${day} ${hour}:${minute}:${second}`;
}
let now = new Date();
console.log(formatDate(now)); // 输出2020-3-5 20:13:07
该示例将一个时间对象格式化为年-月-日 时:分:秒
的字符串格式,并在控制台上输出。
本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:Javascript获取当前时间函数和时间操作小结 - Python技术站