JavaScript常用对象-----Date
用一个实例来说明date对象的使用方法,先列举几个常用的date对象:
- date.getFullYear();
从date对象以四位数返回年份 - date.getMonth();
从date对象返回月份(0-11),所有一般在输出的时候都要+1 - date.getDate();
从date对象中返回一个月中的某一天(1-31) - date.getDay();
从date对象中返回一周中的某一天(0-6),0是星期一,6是星期日; - date.getHours();
返回小时(0-23) - date.getMinutes();
返回分钟(0-59) - date.getSeconds();
返回秒数(0-59) - date.getMilliseconds();
返回毫秒(0-999) - date.getTime();
返回1970年1月1日至今的毫秒数
现在根据这9条做一个实例:动态显示当前时间(时间显示在文本框内)
设计思路:
这个是需要把时间显示到文本框里,所以这个需要 input type=“text” 一下,之后在js中写text.value="…"里面写在文本框里面输出的时间,因为input是单标签,因此赋值需要用value;完成动态显示时间需要延时调动函数setTimeout(),这样就可以不用点击按钮时间就一直在变化。
具体代码如下:
<style>
#text{height: 20px;width: 200px;}
</style>
<script>
function f(){
var text =document.getElementById("text");
var date = new Date();
var year = date.getFullYear();
var month = date.getMonth()+1;
var date1 = date.getDate();
var day = date.getDay();
var hours = date.getHours();
var minutes = date.getMinutes();
var seconds = date.getSeconds();
if(day=== 0){
day="日";
}
else if(day === 6){
day="六";
}
else if(day == 1){
day="一";
}
else if(day === 2){
day="二";
}
else if(day === 3){
day="三";
}
else if(day === 4){
day="四";
}
else if(day === 5){
day="五";
}
text.value=year+"年"+month+"月"+date1+"日"+"星期"+day+hours+":"+minutes+":"+seconds;
setTimeout("f()",1000);//这个是延时函数f(),每1000毫秒延时调用一次
}
</script>
</head>
<body>
<input type="text" value="" id="text">
<button onclick="f()">时间</button>
</body>