点击获取年月日时分秒小案例

Original 2019-02-01 12:52:15 277
abstract:<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>获取年月日时分秒</title></head><body><p id="one">点击按钮获取今年的

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>获取年月日时分秒</title>

</head>

<body>

<p id="one">点击按钮获取今年的年份。</p>

<button onclick="year()">获取年份</button>

<p id="two">点击按钮获取今年的月份。</p>

<button onclick="mo()">获取月份</button>

<p id="three">点击按钮获取日期。</p>

<button onclick="date()">获取日期</button>

<p id="four">点击按钮获取时。</p>

<button onclick="Hours()">获取时</button>

<p id="five">点击按钮获取分钟。</p>

<button onclick="fz()">获取分</button>

<p id="six">点击按钮获取秒。</p>

<button onclick="m()">获取秒</button>

<script>

function year(){

var d = new Date();

var x = document.getElementById("one");

x.innerHTML=d.getFullYear();

}

function mo(){

var d = new Date();

var m = document.getElementById('two');

m.innerHTML=d.getMonth()+1+"月";

}

function date(){

var d = new Date();

var y = document.getElementById('three');

y.innerHTML=d.getDate()+"日";

}

function Hours(){

var d = new Date();

var t = document.getElementById('four');

t.innerHTML=d.getHours()+"时";

}

function fz(){

var d = new Date();

var f = document.getElementById('five');

f.innerHTML=d.getMinutes()+"分";

}

function m(){

var d = new Date();

var m = document.getElementById('six');

m.innerHTML=d.getSeconds()+'秒';

}

</script>  

</body>

</html>

Correcting teacher:韦小宝Correction time:2019-02-01 13:46:08
Teacher's summary:这种小案例可以帮助我们快速的掌握js中的时间函数 没事要记得多练习哦

Release Notes

Popular Entries