alert(date.toString());
alert(date.toTimeString());
alert(date.toLocaleDateString());
alert(date.toLocaleTimeString());
alert(date.toUTCString());
重点方法
set/getDate()
getDay()
set/getMonth()
set/getFullYear()
set/getHours()
set/getMinutes()
set/getSeconds()
set/getMilliseconds()
set/getTime()
getTimezoneOffset()
function showTime(){
var d = new Date();
var year = d.getFullYear();
var month = d.getMonth();
var date = d.getDate();
var week = d.getDay();
week = numOfChinese(week);
var hour = doubleNum(d.getHours());
var min = doubleNum(d.getMinutes());
var sec = doubleNum(d.getSeconds());
var str = year + "年" + month + "月" + date + "日 星期" + week + " " + hour + ":" + min + ":" + sec;
return str;
}
function numOfChinese(num){
var arr = ["日","一","二","三","四","五","六"];
return arr[num];
}
function doubleNum(n){
if (n < 10) {
return "0" + n;
}else{
return n;
}
}
document.write(showTime());
练习
求两个日期之间的天数
function countOfData(d1,d2){
var dd1 = new Date(d1);
var dd2 = new Date(d2);
var time1 = dd1.getTime();
var time2 = dd2.getTime();
var time = Math.abs(time1 - time2);
return parseInt(time / 1000 / 3600 / 24);
}
alert(countOfData("1998-05-27","2021-09-14"));
输入n,输出n天后的时间
function afterOfDate(n){
var d = new Date();
var day = d.getDate();
d.setDate(day + n);
return d;
}
alert(afterOfDate(30));
网页秒表小练习
<!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>Document</title>
<style>
#div1{width: 107px; height: 200px; padding: 50px; background-color: orange; border: 1px solid black; margin: 100px auto;}
#div1 span{font-size: 22px;}
#div1 button{width: 100px; height: 30px; font-size: 16px; margin-top: 20px; background-color: black; color: white;}
</style>
<script>
function $(id){
return document.getElementById(id);
}
var isRunning = false;
var i = 0;
var timer = null;
window.onload = function(){
function startFunc(){
timer = setInterval(function(){
i++;
$("sec").innerHTML = doubleNum(i % 60);
$("min").innerHTML = doubleNum(parseInt(i / 60) % 60);
$("hour").innerHTML = doubleNum(parseInt(i / 3600));
},1000);
};
function pauseFunc(){
clearInterval(timer);
}
$("btn1").onclick = function(){
if (!isRunning) {
$("btn1").innerHTML = "暂停";
isRunning = true;
startFunc();
}else{
$("btn1").innerHTML = "开始";
isRunning = false;
pauseFunc();
}
}
$("reset").onclick = function(){
clearInterval(timer);
i = 0;
isRunning = false;
$("btn1").innerHTML = "开始";
$("sec").innerHTML = "00";
$("min").innerHTML = "00";
$("hour").innerHTML = "00"
}
}
function doubleNum(n){
if (n < 10) {
return "0" + n;
}else{
return n;
}
}
</script>
</head>
<body>
<div id="div1">
<span id = "hour">00</span>
<span>:</span>
<span id = "min">00</span>
<span>:</span>
<span id="sec">00</span>
<br/>
<button id="btn1">开始</button>
<button id="reset">复位</button>
</div>
</body>
</html>