当前位置:首页 > 知识库 > 正文内容

JS中DATE时间对象的使用方法,动态时钟制作案例

3周前 (09-21)知识库52

一、创建一个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>

返回列表

没有更早的文章了...

没有最新的文章了...

相关文章

PYTHON装饰器

PYTHON装饰器

为什么要序列化?内存中的字典、列表、集合以及各种对象如何保存在一个文件中?如果是自己定义的类的实例如何保存在一个文件中?如何从文件中读取数据,并让他们在内存中再次恢复成自己对应的类的实例?要设计一套协...

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。