目录
一,Date对象常用的获取当前时间信息的方法:
方法名 | 说明 | 代码 |
getFullYear() | 获取当前年份 | dObj.getFullYear() |
getMonth() | 获取当月(0-11) | dObj.getMonth() |
getDate() | 获取当天日期 | dObj.getDate() |
getDay() | 获取当前星期几(周日是0,其他正常) | dObj.getDay() |
getHours() | 获取当前小时数 | dObj.getHours() |
getMinutes() | 获取当前分钟数 | dObj.getMinutes() |
getSeconds() | 获取当前秒数 | dObj.getSecond() |
获取当前时间信息的代码示例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>获取当前时间</title>
</head>
<body>
<h1></h1>
</body>
<script>
var time = document.querySelector('h1');
// 将星期几的数字转换成对应文字的方法
const week = ['日','一','二','三','四','五','六']
// 设置定时器实现每隔一秒钟刷新时间
setInterval(function(){
// 获取当前时间
// 实例化Date对象
var currentTime = new Date();
// 获取当前年份
var year = currentTime.getFullYear();
// 获取当前月份
var month = currentTime.getMonth()+1;
// 获取当天日期
var day = currentTime.getDate();
// 获取当前是星期几
var weekDay = currentTime.getDay();
// 获取当前小时数
var hours = currentTime.getHours();
// 获取当前分钟数
var minutes = currentTime.getMinutes();
// 获取当前秒数
var seconds = currentTime.getSeconds();
time.innerHTML = year+'年'+month+'月'+day+'日 (星期'+week[weekDay]+') '+hours+' '+minutes+' '+seconds;
},1000);
</script>
</html>
效果图如下:
二,获取当前或指定时间的时间戳的方法:
代码 | 说明 |
date.valueOf() | 获取当前时间戳 |
date.getTime() | 获取当前时间戳 |
var times = +new Date() | 获取当前时间戳(或获取指定时间的时间戳) |
使用获取时间戳的方法的代码示例:
// 1. +new Date() 的方式 可 获取指定时间的时间戳 或 当前时间戳
var greatTimes = +new Date('2050-1-1 00:00:00'); // 全面实现社会主义现代化时候的时间戳
var currentTimes = +new Date(); // 获取当前的时间戳
console.log('全面实现社会主义现代化时候的时间戳:'+greatTimes);
console.log('+new Date() 的方式 获取当前的时间戳:'+currentTimes);
// 2. getTime() 方法获取当前时间戳
var date2 = new Date();
var currentTimes2 = date2.getTime();
console.log('getTime() 方法 获取当前的时间戳:'+currentTimes2);
// 3. valueOf() 方法获取当前时间戳
var currentTime3 = date2.valueOf();
console.log('valueOf() 方法获取当前时间戳:'+currentTime3);
通过时间戳来实现的倒计时案例代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<h1 id="daojishi"></h1>
<script>
var daojishi = document.getElementById('daojishi');
var jiezhiTime=+new Date('2050-1-1 00:00:00');
setInterval(function(){
var nowTime=+new Date();
var times=parseInt((jiezhiTime-nowTime)/1000); //总秒数
var d = parseInt(times/60/60/24); //天数
d = d<10 ? '0'+d:d;
var h = parseInt(times/60/60%24); //小时数
h = h<10 ? '0'+h:h;
var m = parseInt(times/60%60); //分钟数
m = m<10 ? '0'+m:m;
var s = parseInt(times%60); //秒数
s = s<10 ? '0'+s:s;
daojishi.innerText=d+'天 '+h+'时 '+m+'分 '+s+'秒';
},1000);
</script>
</body>
</html>
倒计时案例的效果如下: