JavaScript学习笔记——延迟函数和间隔函数

延迟函数setTimeout

setTimeout(延迟执行的函数,延迟多少毫秒,传入延迟函数的参数);
//传入参数可选,如果有多个参数按顺序传入
	function fn(){
		console.log("延迟一秒出现");
	}

	setTimeout(fn,1000);//注意是fn,不是fn()。如果是fn()会立即执行

	//有参数传入时建议采用下述方式
	setTimeout(function(){
		fn(参数);
	},5000)
	

间隔函数setInterval

setInterval(间隔执行的函数,间隔多少毫秒);
	function fn(){
		document.write("间隔一秒出现");
	}

	setInterval(fn,1000);

取消间隔

clearInterval(间隔函数ID);
	function fn(){
		document.write("间隔一秒出现");
	}

	var intervalID = setInterval(fn,1000);

	setTimeout(function(){
		clearInterval(intervalID);
	},5000)
	//输出了五次“间隔一秒出现”

补充

下列代码谁先输出呢:

    setTimeout(function(){
        console.log("1");//后输出
    },0)

    console.log("2");//先输出

运行后2在1前被打印出来

所以可以得出在全部运行后的空余时间才会执行setTimeout(当然setInterval同样如此,但不太可能有人设置间隔为0毫秒)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值