改变CSS 样式,获取当前日期

Original 2019-03-31 22:14:10 470
abstract:<!DOCTYPE html><html><head>    <meta charset="utf-8"> <title>HTML DOM-改变CSS</title> <style type="text/css"> #box{ width: 10

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

<title>HTML DOM-改变CSS</title>

<style type="text/css">


#box{

width: 100px;height: 100px;background:pink;

}

</style>

</head>

<body>

<!-- 改变CSS样式 -->

<!-- 语法:document.getElementById().syyle.属性名="属性值" -->

<div id="box" onclick="myDiv(this)"></div>

<script type="text/javascript">

// 也可以box.onclick=这个函数

function myDiv(x){

       y=document.getElementById("box")

       y.style.background="red";

       y.style.borderRadius="50px";


}

// 日期对象,日期操作方法

var myday=new Date()

    document.write(myday+"<br>");

   //获取年份getFullYear()建立在当前已经获取到了日期

   document.write(myday.getFullYear()+"年"+"<br>")

   //获取月份getMonth()0代表的是1月,11代表的是12月(国外月从0开始)

   document.write(myday.getMonth()+"月"+"<br>")

   var month=new Array()

       month[0]="一月"

       month[1]="二月"

       month[2]="三月"

       month[3]="四月"

       month[4]="五月"

       month[5]="六月"

       month[6]="七月"

       month[7]="八月"

       month[8]="九月"

       month[9]="十月"

       month[10]="十一月"

       month[11]="十二月"

       document.write("这个月是"+month[myday.getMonth()]+"<br>")

 //获取星期 getDay() 0代表的是周日,6代表的是周六(返回值是0~6之间的一个整数)

 document.write("今天是星期"+myday.getDay()+"<br>");

 //获取日期getDate()

 document.write("今天是"+myday.getDate()+"号"+"<br>")

//获取当前小时 getHours()

document.write("现在是"+myday.getHours()+"点")

//获取分钟 getMinutes()

document.write(myday.getMinutes()+"分")

//获取秒钟 getSeconds()

document.write(myday.getSeconds()+"秒")

</script>

</body>

</html>


Correcting teacher:查无此人Correction time:2019-04-01 09:31:58
Teacher's summary:完成的不错。后面学习了php,都是php来做时间处理。继续加油

Release Notes

Popular Entries