<!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>js 获取系统当前时间</title>
</head>
<body>
<script>
var myDate = new Date();
myDate.getYear(); //获取当前年份(2位)
myDate.getFullYear(); //获取完整的年份(4位,1970-????)
myDate.getMonth(); //获取当前月份(0-11,0代表1月)
myDate.getDate(); //获取当前日(1-31)
myDate.getDay(); //获取当前星期X(0-6,0代表星期天)
myDate.getTime(); //获取当前时间(从1970.1.1开始的毫秒数)
myDate.getHours(); //获取当前小时数(0-23)
myDate.getMinutes(); //获取当前分钟数(0-59)
myDate.getSeconds(); //获取当前秒数(0-59)
myDate.getMilliseconds(); //获取当前毫秒数(0-999)
myDate.toLocaleDateString(); //获取当前日期
var mytime = myDate.toLocaleTimeString(); //获取当前时间
myDate.toLocaleString(); //获取日期与时间
</script>
</body>
</html>
vue中获取当前系统时间:
<template>
<p>当前时间:{{nowTime}}</p>
</template>
<script>
export default{
data(){
return{
nowTime:""
}
},
methods:{
getTime(){
// 方法一
setInterval(()=>{
this.nowtime = new Date().toLocaleString();
},1000)
// 方法二
setInterval(() => {
let date = new Date();
let year = date.getFullYear().toString();
let month = (date.getMonth() + 1).toString();
let day = date.getDate().toString();
let hour = date.getHours().toString(); //获取当前小时数(0-23)
let min = date.getMinutes().toString(); //获取当前分钟数(0-59)
let second = date.getSeconds().toString(); //获取当前秒数(0-59)
year = this.addZero(year);
month = this.addZero(month);
day = this.addZero(day);
hour = this.addZero(hour);
min = this.addZero(min);
second = this.addZero(second);
this.nowTime = year + "-" +month + "-" +day + " " +hour + ":" +min + ":" +second;
}, 1000);
}
},
created(){
this.getTime();
}
}
</script>