JavaScript基础入门(三)：JS 定时器和函数全解析：从入门到实战的必备秘籍！

JS基础（三）

知识点一：JavaScript 的Math对象（了解）

Math 对象常用于做数学运算，不需要创建对象，直接调用属性或方法就可以了

属性	描述
E	返回算术常量 e，即自然对数的底数（约等于2.718）。
LN2	返回 2 的自然对数（约等于0.693）。
LN10	返回 10 的自然对数（约等于2.302）。
LOG2E	返回以 2 为底的 e 的对数（约等于 1.414）。
LOG10E	返回以 10 为底的 e 的对数（约等于0.434）。
PI	返回圆周率（约等于3.14159）。
SQRT1_2	返回返回 2 的平方根的倒数（约等于 0.707）。
SQRT2	返回 2 的平方根（约等于 1.414）。

1、Math 对象方法

方法	描述
abs(x)	返回数的绝对值。
acos(x)	返回数的反余弦值。
asin(x)	返回数的反正弦值。
atan(x)	以介于 -PI/2 与 PI/2 弧度之间的数值来返回 x 的反正切值。
atan2(y,x)	返回从 x 轴到点 (x,y) 的角度（介于 -PI/2 与 PI/2 弧度之间）。
ceil(x)	对数进行上舍入。
cos(x)	返回数的余弦。
exp(x)	返回 e 的指数。
floor(x)	对数进行下舍入。
log(x)	返回数的自然对数（底为e）。
max(x,y)	返回 x 和 y 中的最高值。
min(x,y)	返回 x 和 y 中的最低值。
pow(x,y)	返回 x 的 y 次幂。
random()	返回 0 ~ 1 之间的随机数。
round(x)	把数四舍五入为最接近的整数。
sin(x)	返回数的正弦。
sqrt(x)	返回数的平方根。
tan(x)	返回角的正切。
toSource()	返回该对象的源代码。
valueOf()	返回 Math 对象的原始值。

知识点二：JavaScript 的日期对象

Date 对象用于处理日期和时间。

创建 Date 对象的语法：
    var myDate=new Date();Date 对象会自动把当前日期和时间保存为其初始值

属性	描述
constructor	返回对创建此对象的 Date 函数的引用。
prototype	使您有能力向对象添加属性和方法。

方法	描述
Date()	返回当日的日期和时间。
getDate()	从 Date 对象返回一个月中的某一天 (1 ~ 31)。
getDay()	从 Date 对象返回一周中的某一天 (0 ~ 6)。
getMonth()	从 Date 对象返回月份 (0 ~ 11)。
getFullYear()	从 Date 对象以四位数字返回年份。
getYear()	请使用 getFullYear() 方法代替。
getHours()	返回 Date 对象的小时 (0 ~ 23)。
getMinutes()	返回 Date 对象的分钟 (0 ~ 59)。
getTime()	返回 1970 年 1 月 1 日至今的毫秒数。
parse()	返回1970年1月1日午夜到指定日期（字符串）的毫秒数。
setDate()	设置 Date 对象中月的某一天 (1 ~ 31)。
setMonth()	设置 Date 对象中月份 (0 ~ 11)。
setFullYear()	设置 Date 对象中的年份（四位数字）。
setYear()	请使用 setFullYear() 方法代替。
setHours()	设置 Date 对象中的小时 (0 ~ 23)。
setMinutes()	设置 Date 对象中的分钟 (0 ~ 59)。
setSeconds()	设置 Date 对象中的秒钟 (0 ~ 59)。
setMilliseconds()	设置 Date 对象中的毫秒 (0 ~ 999)。
setTime()	以毫秒设置 Date 对象。
toString()	把 Date 对象转换为字符串。
toTimeString()	把 Date 对象的时间部分转换为字符串。
toDateString()	把 Date 对象的日期部分转换为字符串。
toSource()	返回该对象的源代码。
valueOf()	返回 Date 对象的原始值。

知识点三：JavaScript 的函数

在js中，函数也是对象

创建方式：

1.字面量创建
function myFunc() { };
2.分配给其他对象的变量，数组和属性：
var myFunc = function() { };
myArray.push(function() { }); 
myObj.myFunc = function() { };
3.作为参数传递给其他函数
function myFunc(someFunc) {
someFunc();
}
myFunc(function() { });
4.属性
var myFunc = function() { };
myFunc.someProperty = "George";
5.作为返回值：
function myFunc(){ return function() { }; }

知识点四：JavaScript 的定时器

我们学了这个定时器之后就可以尝试写一下轮播图了，我们可以看到这里有四个定时器，两个set设置定时器，两个clear清除定时器。先来学习一下两个设置定时器，setTimeout定时器和setInterval定时器。

1、设置定时器

A:setTimeout:只在指定时间后执行一次，再次刷新网页才会更新
B:setInterval：以指定时间为周期循环执行，刷新网页会重新计数，清除才会停止

从这里我们可以看出来，setTimeout只能在指定时间后执行一次，而setInterval可以以我们设置的时间为周期来循环的执行，不断的进行刷新。这个定时器的设置明白之后，接下来我们把刚才设置的定时器清除了。

2、清除定时器

清除定时器也有两个，对应的clearTimeout定时器和clearInterval定时器，我们在清楚之前，可以先给定时器定义一个名字，然后清除的时候把我们定义的那个名字放进去，这样的话，这两个定时器都能准确的进行清除。这个定时器的设置和清除同学们都能理解吗，这个知识点懂了吗。

加了括号返回的就是整个函数体，所以会立即执行该函数，
不加括号就是调用函数名，函数名就相当于一个指向函数的指针，而不是函数本身。