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

var today=new Date();

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

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

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、时间日期信息在一个lt;divgt;中显示;

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

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

4、将时间日期信息写到指定的lt;divgt;中,DOM对象中的innerHTML属性。

*/

lt;div id=rdquo;resultrdquo;gt;
lt;/divgt;
lt;style type=rdquo;text/cssrdquo;gt;
#result{
width: 500px;
height: 300px;
border: 1px;
background-color: cyan;
margin: 50px auto;
padding: 10px 10px;
}
lt;/stylegt;
lt;script type=rdquo;text/javascriptrdquo;gt;
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 = monthlt;10 ? ldquo;0rdquo;+month : month;
day = day lt;10 ? ldquo;0rdquo;+day : day;
hour = hourlt;10 ? ldquo;0rdquo;+hour : hour;
minute = minutelt;10 ? ldquo;0rdquo;+minute : minute;
second = secondlt;10 ? ldquo;0rdquo;+second : second;
//构建输出字符串
var str=rdquo;lt;h2gt;现在是:rdquo;+year+rdquo;年rdquo;+month+rdquo;月rdquo;+day+rdquo;日rdquo;+hour+rdquo;点rdquo;+minute+rdquo;分rdquo;+second+rdquo;秒lt;/h2gt;rdquo;;
//获取id=rdquo;resultrdquo;的对象
var obj=document.getElementById(ldquo;resultrdquo;);
//将str写入id=rdquo;resultrdquo;的层中
obj.innerHTML=str;
//设置定时器
window.setTimeout(ldquo;showtime()rdquo;,1000);
}
showtime();
lt;/scriptgt;

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

blender骨骼导入到threejs方法

threejs制作动态旋转银河系

threejs制作鼠标交互的网页banner




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

备案号:皖ICP备19012824号