您现在的位置是:首页 > Javascript
当前栏目
js定时器第一次延迟
2023-03-15 23:16:48 时间
本文教程操作环境:windows7系统、jquery3.2.1版本,DELL G3电脑。
虽然说程序运行有延迟,是很多小伙伴不愿意发生的事情,不过我们也需要借助延迟进行一些操作。今天为大家带来了定时器中的两种延迟方法,都是用setTimeout函数来解决,不过它有普通和高阶用法的区分,下面我们就分别对这两种方法进行讲解,同时解决js定时器第一次延时问题。
1.倒计时定时器(延时器 延时执行一次)
倒计时多少时间以后执行函数
语法: setTimeout(要执行的函数,多长时间以后执行)
会在你设定的时间以后,执行函数
var timerid =settimeout(function () console.log("我执行了); },1000); console. log(timerid); //1
时间是按照毫秒进行计算的,1000 毫秒就是 1秒钟
所以会在页面打开 1 秒钟以后执行函数
只执行一次,就不在执行了
返回值是,当前这个定时器是页面中的第几个定时器
2.setTimeout高阶用法
function bomb(){ this.message = "bomb"; } bomb.prototype.explode =function(){ console.log(this.message); } var bomb = new bomb(); setTimeout(bomb.explode.bind(bomb),1000);
即:使用bind可以确保这个方法绑定到正确的对象上,这样可以访问到这个对象的内部属性。
执行效果:
以上就是我们处理js延时器第一次延时的两种办法,觉得setTimeout高阶用法有难度的小伙伴们,可以先从简单的setTimeout用法开始熟悉。更多js学习指路:js教程
相关文章
- 想换号发现绑定了99个网站 一招教你轻松解绑
- 高手总结:大幅提高UI设计效率的8个实用技巧!
- 高手踩坑笔记:UI设计中的10条经验法则
- UI设计师需要学什么?来看高手总结的能力模型!
- 凭什么UI设计师工资就比其他设计师高
- 从超多案例中,我总结了 2020年值得关注的10个UI设计趋势
- 5G大幕拉开 中国芯片新兵“肉搏”美日六巨头能否突围?
- 对谈世界上早期的UI设计师:我们不止创造了汉堡图标
- 2019年6月网页设计师前端干货大合集
- 对支付平台架构设计的一些思考
- QQ轨迹刷屏:一流的起牌,二流的牌技,三流的营销
- 谷歌开发团队招募Node.js移植工程师 Fuchsia有望支持JavaScript应用
- css中flex是什么
- css overflow属性有什么用
- css样式的组成
- css选择器是什么意思
- css浮动产生的负作用
- css盒子模型的属性介绍
- css超链接是什么
- css选择器之间的关系