发表于: 2018-12-04 23:22:42

1 813


今天完成的事:

学习JavaScript基础知识


明天计划的事:

开始做JS 任务一


遇到的问题:

JavaScript代码语句不是太熟悉


解决办法:

开始做任务,拼命的敲……


收获:

for循环

    for (var i = 1; i < 13; i = i + 4) {

        console.log(i);

    }

上方代码的遍历步骤:

 

程序一运行,将执行var i = 1;这条语句, 所以i的值是1。

然后程序会验证一下i < 13是否满足,1<13是真,所以执行一次循环体(就是大括号里面的语句)。

执行完循环体之后,会执行i=i+4这条语句,所以i的值,是5。

 

程序会会验证一下i < 13是否满足,5<13是真,所以执行一次循环体(就是大括号里面的语句)。

执行完循环体之后,会执行i=i+4这条语句,所以i的值,是9。

 

程序会会验证一下i < 13是否满足,9<13是真,所以执行一次循环体(就是大括号里面的语句)。

执行完循环体之后,会执行i=i+4这条语句,所以i的值,是13。

 

程序会会验证一下i < 13是否满足,13<13是假,所以不执行循环体了,将退出循环。

 

最终输出输出结果为:1、5、9

 

例子1:

    for (var i = 1; i < 10; i = i + 3) {

        i = i + 1;

        console.log(i);

    }

输出结果:2、6、10

 

例子2:

    for (var i = 1; i <= 10; i++) {

 

    }

    console.log(i);

输出结果:11

 

例子3:

    for(var i = 1; i < 7; i = i + 3){

 

    }

    console.log(i);

输出结果:7

 

例子4:

    for (var i = 1; i > 0; i++) {

        console.log(i);

    }

死循环。

JavaScript Math(算数) 对象

使用 round()与“ ”最接近的整数

使用 random() 来返回 0 到 1 之间的随机数。

使用 max() 来返回两个给定的数中的较大的数。(在 ECMASCript v3 之前,该方法只有两个参数。)

使用 min() 来返回两个给定的数中的较小的数。(在 ECMASCript v3 之前,该方法只有两个参数。)


Math 对象

Math(算数)对象的作用是:执行普通的算数任务。

Math 对象提供多种算数值类型和函数。无需在使用这个对象之前对它进行定义。

使用Math的属性/方法的语法:

var x=Math.PI;

var y=Math.sqrt(16);

注意: Math对象无需在使用这个对象之前对它进行定义。


算数值

JavaScript 提供 8 种可被 Math 对象访问的算数值:

你可以参考如下Javascript常量使用方法:

Math.E

Math.PI

Math.SQRT2

Math.SQRT1_2

Math.LN2

Math.LN10

Math.LOG2E

Math.LOG10E


算数方法

除了可被 Math 对象访问的算数值以外,还有几个函数(方法)可以使用。

下面的例子使用了 Math 对象的 round 方法对一个数进行四舍五入。

document.write(Math.round(4.7));

上面的代码输出为:

5

下面的例子使用了 Math 对象的 random() 方法来返回一个介于 0 和 1 之间的随机数:

document.write(Math.random());

上面的代码输出为:

0.8109300499898504

下面的例子使用了 Math 对象的 floor() 方法和 random() 来返回一个介于 0 和 11 之间的随机数:

document.write(Math.floor(Math.random()*11));

上面的代码输出为:

9


JavaScript 计时事件

通过使用 JavaScript,我们有能力做到在一个设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行。我们称之为计时事件。

在 JavaScritp 中使用计时事件是很容易的,两个关键方法是:

setInterval() - 间隔指定的毫秒数不停地执行指定的代码。

setTimeout() - 在指定的毫秒数后执行指定代码。

注意: setInterval() 和 setTimeout() 是 HTML DOM Window对象的两个方法。


setInterval() 方法

setInterval() 间隔指定的毫秒数不停地执行指定的代码

语法

window.setInterval("javascript function",milliseconds);

window.setInterval() 方法可以不使用window前缀,直接使用函数setInterval()。

setInterval() 第一个参数是函数(function)。

第二个参数间隔的毫秒数

注意: 1000 毫秒是一秒。


如何停止执行?

clearInterval() 方法用于停止 setInterval() 方法执行的函数代码。

语法

window.clearInterval(intervalVariable)

window.clearInterval() 方法可以不使用window前缀,直接使用函数clearInterval()。

要使用 clearInterval() 方法, 在创建计时方法时你必须使用全局变量:

myVar=setInterval("javascript function",milliseconds);

然后你可以使用clearInterval() 方法来停止执行。


setTimeout() 方法

语法

myVar= window.setTimeout("javascript function", milliseconds);

setTimeout() 方法会返回某个值。在上面的语句中,值被储存在名为 myVar 的变量中。假如你希望取消这个 setTimeout(),你可以使用这个变量名来指定它。

setTimeout() 的第一个参数是含有 JavaScript 语句的字符串。这个语句可能诸如 "alert('5 seconds!')",或者对函数的调用,诸如 alertMsg。

第二个参数指示从当前起多少毫秒后执行第一个参数。

提示:1000 毫秒等于一秒。


如何停止执行?

clearTimeout() 方法用于停止执行setTimeout()方法的函数代码。

语法

window.clearTimeout(timeoutVariable)

window.clearTimeout() 方法可以不使用window 前缀。

要使用clearTimeout() 方法, 你必须在创建超时方法中(setTimeout)使用全局变量:

myVar=setTimeout("javascript function",milliseconds);

如果函数还未被执行,你可以使用 clearTimeout() 方法来停止执行函数代码。




返回列表 返回列表
评论

    分享到