js常用函数小结

mac2023-01-25  23

js常用函数总结

一、 setInterval与setTimeout函数

setInterval函数(间歇调用)

间歇调用与超时调用类似,只不过它会按照指定的时间间隔重复执行代码,直至间歇调用被取消或页面被卸载。设置间歇调用的方法是setInterval(),它接收的参数与setTimeout()相同。取消间歇调用的重要性远高于超时调用。   但是通常情况下,很少真正使用间歇调用,因为后一个间歇调用可能在前一个间歇调用结束之前调用。因此,我们通常会使用超时调用来模拟间歇调用

setTimeout函数(超时调用)

超时调用使用window对象的setTimeout()方法,它接受两个参数:要执行的代码和以毫秒表示的时间(代码执行前的等待时间)。其中,第一个参数可以是一个字符串(和eval()中使用的字符串一样),也可以是一个函数。

第二个参数是一个表示等待多长时间的毫秒数,但是在该时间过去后代码并不一定执行。JavaScript是一个单线程序的解释器,因此一定时间内只能执行一段代码。为了控制要执行的代码,就有一个JavaScript任务队列。这些任务会按照将它们添加到任务队列的顺序执行。setTimeout()的第二个参数告诉JavaScript再过多长时间把当前任务添加到队列中。如果队列是空的,那么添加的代码则会立即执行;如果队列不是空的,那么添加的代码会在前面的代码执行完毕后再执行。   调用setTimeout()之后,该方法会返回一个数值ID,表示超时调用。这个超时调用ID是计划执行代码的唯一标识符,可以通过它来取消超时调用。取消超时调用使用方法clearTimeout();

二、substr和subString函数

作用:提取字符串; 格式:substr(起始位置,结束位置);//不包括结束位 subString(起始位置,截取长度);

示例如下: 运行结果

三、如何获取页面元素对应JavaScript对象

常用四种方法

document.getElementById("Id名"); document.getElementsByClassName("类名"); document.getElementsByName("名"); document.getElementsByTagName("标签名");

示例 运行结果

四、操作字符串常用函数

reverse函数

作用:将字符串数组中的各个元素转化成一个字符串; 格式:数组名.reverse();

join()函数

作用:向数组中插入连接元素,如‘,’ 格式:数组名.join();

concat()函数

作用:向数组中加入新元素(最后面) 格式:数组名.concat();  示例    运行结果  

小结:每一个不曾起舞的日子,都是对生命的一种浪费!

最新回复(0)