继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

Kevin带你飞(7): JavaScript-Date对象

凯文欧巴iii
关注TA
已关注
手记 13
粉丝 14
获赞 214
一:Date是什么?

日期和时间对象
主要处理日期和时间有关的信息,经常使用时间差进行效果控制等。
现实应用:
1、 网页上的各种时钟!!
2、 电商网站的倒计时!!
3、 轮播图的点击控制!!(点击1s后才可以再次点击)
4、 游戏中的技能冷却(放大招10s才可以再次使用)
5、LOL中人物30S复活


二:怎么获取时间对象

1、var date1 = new Date(); //当前时间

2、var date2 = new Date(2015,4,12);

3、var date3 = new Date('2015/5/12 12:30');


三:获取(设置)年月日(重点哦)

var date = new Date();
1、获取(设置)年
a、获取:date .getFullYear() 设置:date .setFullYear(2015);
b、获取:date .getYear() date .setYear(2015);(不建议使用)

2、获取设置月份 (月份的值从0开始)
date.getMonth() date.setMonth(4);

3、获取设置日
date.getDate() date.setDate(4); setDate(0) 的用途


四:获取星期几

获取星期几使用 getDay()方法

  • 返回值为0-6之间的某一整数,分别和一周中的7天对应,0表示星期天,6表示星期六。

var date = new Date();
var week = date.getDay();


五:获取时分秒

var date = new Date();

1、获取小时
获取:date .getHours() 设置:date .setHours(5) ;(0~23)

2、获取分钟
date.getMinutes() date.setMinutes(4); (0~59)

3、获取秒
date.getSeconds() date.setSeconds(4); (0~59)

4、获取毫秒 date.getMillisconds() date.setMillisconds(345);


六:动画是怎么来的?

不断缓慢的改变元素的属性值
改变宽度、高度、透明度、背景色....

延时执行 setTimeout(fn,time); 执行一次
fn 就是我们1s后要做的事情
time 单位:毫秒 就是延时的时间 1s = 1000ms

设置定时器 setInterval(fn,time); 每隔一段时间重复干一件事
fn 就是我们每次重复做的事情
time 每次时间的间隔 单位:毫秒 1s = 1000ms

不想让定时器继续运行,须清除timer clearInterval(timer);
var timer = setInterval(fn,time);


学习JavaScript需要多练习,多看看例子 试着敲一敲,多写就熟悉了。以后在发学习概念的同时也会多发发案例,有趣简单的小效果。

打开App,阅读手记
1人推荐
发表评论
随时随地看视频慕课网APP