摘要:<!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
老师总结:很好!就喜欢你这样完成作业的,好习惯继续保持!