日期和时间对象
主要处理日期和时间有关的信息,经常使用时间差进行效果控制等。
现实应用:
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需要多练习,多看看例子 试着敲一敲,多写就熟悉了。以后在发学习概念的同时也会多发发案例,有趣简单的小效果。