获取时间自测题

原创 2018-12-29 10:03:07 187
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>javascript小试牛刀之获取时间</title> <script type="text/javascript">
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>javascript小试牛刀之获取时间</title>
	<script type="text/javascript">
function box_1(q){
	document.getElementsByClassName("box")[0].innerHTML="牛!"
	
}
function box_2(w){
	w.style.borderRadius="30px"
}

var sj = new Date()
function time0(){
	
	document.write(sj+'<br>')
}

function time1(){
	var month=new Array(12)
	month[0]="1月"
	month[1]="2月"
	month[2]="3月"
	month[3]="4月"
	month[4]="5月"
	month[5]="6月"
	month[6]="7月"
	month[7]="8月"
	month[8]="9月"
	month[9]="10月"
	month[10]="11月"
	month[11]="12月"
    document.write(sj.getFullYear()+"年"+month[sj.getMonth()]+sj.getDate()+"日"+'<br>')
}
function time2(){
	document.write(sj.getHours()+"时"+sj.getMinutes()+"分"+sj.getSeconds()+"秒")
}
</script>

</head>
<body>
	在下面框中点击:加字:<div class="box" style="background:#ccc;width:100px;height:30px;" onclick="box_1(this)"></div>
	在下面方框中双击:变圆角:<div id="box2" style="width:90px;height:90px;border:1px solid #ccc;" ondblclick="box_2(this)"></div>
	当前时间:<script>time0()</script>
	当前日期:<script>time1()</script>
    当前时间:<script>time2()</script>
</body>
</html>


批改老师:灭绝师太批改时间:2018-12-29 10:08:40
老师总结:很好!就喜欢你这样完成作业的,好习惯继续保持!

发布手记

热门词条