1108轮播图和定时器this问题

1.轮播图

案例

2.定时器this问题

var t=setInterval(function(){

　　console.log(this)

},1000)

这里面的this是window

Person.prototype={

　　fn:function(){

　　　　console.log(this)

　　n:200,

　　t:setInterval(this.fn,2000)

}

var ss=new Person("zhang")

不管定时器里函数怎么写它里面this都是window。

怎么处理定时器中的this为指定的对象

在函数前面将关键字this赋值给一个变量，函数内使用这个变量代替this就可以了

转载于:https://www.cnblogs.com/xyangjie/p/10043952.html

1108轮播图和定时器this问题相关推荐

功能整合（二）：轮播图（可控）、事件流
1.轮播图可实现: 自动轮播(加载完成后调用定时器).鼠标移入停止(停止定时器).鼠标移出开始(开始定时器),点击切换(点击事件) 1 window.onload = function(){ 2 / ...
JS实现某东移动web轮播图
移动web轮播图参考实例,可以从中保存轮播图的图片,这里我们放入uploads的文件夹下,将八张图片一次改为l1.jpg,l2.jpg-(最后面都demo) https://m.jd.com/ HT ...
JavaScript基础15-day17【BOM(Navigator、History、Location)、定时器、切换图片练习、轮播图】
学习地址: 谷粒学院--尚硅谷哔哩哔哩网站--尚硅谷最新版JavaScript基础全套教程完整版(140集实战教学,JS从入门到精通) JavaScript基础.高级学习笔记汇总表[尚硅谷最新版Ja ...
Vue.js-Day02-PM【组件化开发（全局注册组件、局部注册组件、案例）、组件的配置选项、轮播图实例（左右切换按钮、底部导航栏、定时器、鼠标移入-图片静止）】
Vue.js实训[基础理论(5天)+项目实战(5天)]博客汇总表[详细笔记] 目录 4.组件化开发 4.1.组件的注册全局注册局部注册(只能在当前整个Vue实例的范围内才可以使用) 使用组件 ...
js判断定时器是否启动_原生js如何做出轮播图的效果
<div class="box"><ul><li class="active"><img src="./im ...
2019.08.29定时器以及轮播图
js 定时器有以下两个方法: setInterval() :按照指定的周期(以毫秒计)来调用函数或计算表达式.方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭.循环 se ...
JS 轮播图图片切换（定时器）
标题JS 轮播图图片切换(定时器) 这次的轮播图与上次的图片切换相比,仅仅是加上了定时器,使其可以自动切换. 上次的图片切换的链接:https://blog.csdn.net/qq_38318589 ...
定时器轮播图---（功能：自动轮播，左右箭头点击切换，点击圆点跳转图片）
定时器轮播图几个部分: 封装重复函数左右箭头点击切换效果自动轮播-定时器控制(模拟左箭头点击效果以显示出自动轮播的效果).鼠标移入停止,移出继续效果点击圆点跳转相应页面(解决了点击后不继续轮播 ...
轮播图代码,带定时器和小圆圈(易懂)
简单的显示隐藏(带小圆圈和左右按钮,js写) <!DOCTYPE html> <html lang = "en" > <head ><me ...

1108轮播图和定时器this问题

1108轮播图和定时器this问题相关推荐

最新文章

热门文章