一、创建一个Date()对象
1、使用new关键字和Date()来创建新的当前系统时间对象

var today=new Date();

2、使用new关键字和Date()创建,但是参数可以是一个日期时间的一个字符串

var yestoday=new Date(“2019/11/15 10:30:00”);

3、使用new关键字和Date()来创建,但是参数是日期时间的数值,包括年、月、日、时、分、秒。

var yestoday=new Date(year,month,day,hour,minutes,milliseconds);

说明:各个参数顺序不可颠倒,参数可以从右到左省略,但是年、月、日必须写

举例:var yestoday=new Date(2019,11,16,10);

二、Date()对象的方法
1、getFullYear();//取得四位数的年份;

2、getMonth();//取得当前月份;

3、getDate();//取得当前日期;

4、getHours();//取得当前小事数;

5、getMinutes();//取得分钟数;

6、getSecond();//取得秒数;

7、getMilliSecond();//取得毫秒数;

8、getTime();//取得1970年1月1日到现在的秒数;

9、toLocaleString();//用本地字符串来显示日期时间信息;

10、toLocaleDateString();//用本地字符串来显示日期信息。

实例:动态时钟创建方法
在网页的某个层中实现动态时钟。

//实例:动态时钟

/*

1、时间日期信息在一个<div>中显示;

2、定时器:每隔1秒再次访问系统时间,window对象的setTimeout()。

3、时钟显示时机:在网页加载完成后才显示,事件onload。

4、将时间日期信息写到指定的<div>中,DOM对象中的innerHTML属性。

*/

<div id=”result”>
</div>
<style type=”text/css”>
#result{
width: 500px;
height: 300px;
border: 1px;
background-color: cyan;
margin: 50px auto;
padding: 10px 10px;
}
</style>
<script type=”text/javascript”>
function showtime()
{
var today=new Date();
//分别取出年、月、日、时、分、秒
var year=today.getFullYear();
var month=today.getMonth()+1;
var day=today.getDate();
var hour=today.getHours();
var minute=today.getMinutes();
var second=today.getSeconds();
//如果是单数,则前面补0
month = month<10 ? “0”+month : month;
day = day <10 ? “0”+day : day;
hour = hour<10 ? “0”+hour : hour;
minute = minute<10 ? “0”+minute : minute;
second = second<10 ? “0”+second : second;
//构建输出字符串
var str=”<h2>现在是:”+year+”年”+month+”月”+day+”日”+hour+”点”+minute+”分”+second+”秒</h2>”;
//获取id=”result”的对象
var obj=document.getElementById(“result”);
//将str写入id=”result”的层中
obj.innerHTML=str;
//设置定时器
window.setTimeout(“showtime()”,1000);
}
showtime();
</script>

评论
头像
验证码:
相关推荐

七年之痒是什么意思

520送什么给女友

第一次见女方父母送什么好




如果未经特殊说明,本站内容皆为原创,转载内容如果侵犯了您的权益,如有侵权请联系管理员删除
联系QQ:2380712278

备案号:皖ICP备19012824号