js setinterval与this

<div id = 'box'>


<script>
var foods = false
var a = document.getElementById('box')
function Snake(){
    this.bod = [{x:4,y:0},{x:3,y:0},{x:2,y:0},{x:1,y:0}]
    this.way = 'right'
    this.init = function(){
        for(var i=0;i<this.bod.length;i++){
            var s = document.createElement('div')
            s.style.width = 20 + 'px'
            s.style.height = 20 + 'px'
            s.style.position = 'absolute'
            s.style.background = 'red'
            s.style.left = this.bod[i].x*20 + 'px'
            s.style.top = this.bod[i].y*20 + 'px'
            this.bod[i].f = s
            a.appendChild(s)        
        }
    }
    
    this.move = function(){
        for(var i=this.bod.length-1;i>0;i--){
            this.bod[i].x = this.bod[i-1].x
            this.bod[i].y = this.bod[i-1].y
        }
        switch(this.way)
        {
            case 'right':
                this.bod[0].x += 1
                break
            case 'left':
                this.bod[0].x -= 1
                break
            case 'down':
                this.bod[0].y += 1
                break
            case 'up':
                this.bod[0].y -= 1
                break
        }
        for(var j=0;j<this.bod.length;j++){
            if(this.bod[j].f != null){
                a.removeChild(this.bod[j].f)
            }
        }
        this.init()
        if( (this.bod[0].x*20) >900 || this.bod[0].x<0 ){
            alert("你出界了")
            clearInterval(ii);
        }
        if( (this.bod[0].y*20)>500 || this.bod[0].y<0){
            alert("你出界了")
            clearInterval(ii);
        }
        for(var o=4;o<this.bod.length;o++){
            if(this.bod[o].f != null){
                if(this.bod[0].x==this.bod[o].x&&this.bod[0].y==this.bod[o].y){
                    clearInterval(ii);
                    alert("大聪明，你怎么能吃自己呢");
                }
            }
        }
    }
}    
function food(){
    this.init = function(){
        this.x = Math.floor(Math.random()*45)*20
        this.y = Math.floor(Math.random()*25)*20
        var t = document.createElement('div')
        this.node = t
        t.style.width = 20 + 'px'
        t.style.height = 20 + 'px'
        t.style.left = this.x + 'px'
        t.style.top = this.y + 'px'
        t.style.position = 'absolute';
        t.style.background = 'blue';
        a.appendChild(t)
     }
    this.init()

}
function c(){
    if((aa.bod[0].x*20) == ds.x&&(aa.bod[0].y*20) == ds.y){
            if(ds.node != null){
                a.removeChild(ds.node);
                aa.bod.push({x:null,y:null,f:null});
                ds.init();
            }
    }
}
var c_s = setInterval('c()',1)
var ds = new food()
var aa = new Snake()
var ii = setInterval('aa.move()',200)   问题出在这
document.onkeydown = k
function k(e){
    var e = event || window.event
    switch(e.keyCode){
        case 38:
            if(aa.way){
                aa.way = 'up'
            }
            break
        case 40:
            if(aa.way){
                aa.way = 'down'
            }
            break
        case 37:
            if(aa.way){
                aa.way = 'left'
            }
            break
        case 39:
            if(aa.way){
                aa.way = 'right'
            }
            break
    }
}

这样行

<div id = 'box'>


<script>
var foods = false
var a = document.getElementById('box')
function Snake(){
    this.bod = [{x:4,y:0},{x:3,y:0},{x:2,y:0},{x:1,y:0}]
    this.way = 'right'
    this.init = function(){
        for(var i=0;i<this.bod.length;i++){
            var s = document.createElement('div')
            s.style.width = 20 + 'px'
            s.style.height = 20 + 'px'
            s.style.position = 'absolute'
            s.style.background = 'red'
            s.style.left = this.bod[i].x*20 + 'px'
            s.style.top = this.bod[i].y*20 + 'px'
            this.bod[i].f = s
            a.appendChild(s)        
        }
    }
    
    this.move = function(){
        for(var i=this.bod.length-1;i>0;i--){
            this.bod[i].x = this.bod[i-1].x
            this.bod[i].y = this.bod[i-1].y
        }
        switch(this.way)
        {
            case 'right':
                this.bod[0].x += 1
                break
            case 'left':
                this.bod[0].x -= 1
                break
            case 'down':
                this.bod[0].y += 1
                break
            case 'up':
                this.bod[0].y -= 1
                break
        }
        for(var j=0;j<this.bod.length;j++){
            if(this.bod[j].f != null){
                a.removeChild(this.bod[j].f)
            }
        }
        this.init()
        if( (this.bod[0].x*20) >900 || this.bod[0].x<0 ){
            alert("你出界了")
            clearInterval(ii);
        }
        if( (this.bod[0].y*20)>500 || this.bod[0].y<0){
            alert("你出界了")
            clearInterval(ii);
        }
        for(var o=4;o<this.bod.length;o++){
            if(this.bod[o].f != null){
                if(this.bod[0].x==this.bod[o].x&&this.bod[0].y==this.bod[o].y){
                    clearInterval(ii);
                    alert("大聪明，你怎么能吃自己呢");
                }
            }
        }
    }
}    
function food(){
    this.init = function(){
        this.x = Math.floor(Math.random()*45)*20
        this.y = Math.floor(Math.random()*25)*20
        var t = document.createElement('div')
        this.node = t
        t.style.width = 20 + 'px'
        t.style.height = 20 + 'px'
        t.style.left = this.x + 'px'
        t.style.top = this.y + 'px'
        t.style.position = 'absolute';
        t.style.background = 'blue';
        a.appendChild(t)
     }
    this.init()

}
function c(){
    if((aa.bod[0].x*20) == ds.x&&(aa.bod[0].y*20) == ds.y){
            if(ds.node != null){
                a.removeChild(ds.node);
                aa.bod.push({x:null,y:null,f:null});
                ds.init();
            }
    }
}
var c_s = setInterval('c()',1)
var ds = new food()
var aa = new Snake()
var ii = setInterval(aa.move(),200)问题出在这
document.onkeydown = k
function k(e){
    var e = event || window.event
    switch(e.keyCode){
        case 38:
            if(aa.way){
                aa.way = 'up'
            }
            break
        case 40:
            if(aa.way){
                aa.way = 'down'
            }
            break
        case 37:
            if(aa.way){
                aa.way = 'left'
            }
            break
        case 39:
            if(aa.way){
                aa.way = 'right'
            }
            break
    }
}

这样却不行

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除
收藏举报

2条回答默认最新

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
专治八阿哥的孟老师 2023-04-01 13:57
关注
你加单引号，它是定时执行你字符串的命令，你不加单引号，它就调用一次方法就没了，就成了一个普通方法调用了

本回答被题主选为最佳回答 , 对您是否有帮助呢?

解决无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

查看更多回答(1条)

报告相同问题？

关注问题

js setinterval与this javascript
2023-04-01 13:43

回答 2 已采纳你加单引号，它是定时执行你字符串的命令，你不加单引号，它就调用一次方法就没了，就成了一个普通方法调用了
关于js中定时器setInterval内导入的函数不是个方法 javascript vue.js
2019-10-09 14:06

回答 1 已采纳用 ``` setInterval(this.getPassengerParams,300000) ``` 建议下面这样写 ``` setInterval(()=>{ this.
vue 使用两个setInterval 出现混乱 javascript vue.js
2021-04-22 13:45

回答 5 已采纳获取数据7s是肯定没错的，混乱是因为你的change有问题。你的代码是shit移除第一个后，第二个跑第一位，而你的i++又操作下一个了，导致原来2,4,6,8这种位置的数据被删除了，而使用下一个位置的
JS 定时器的 this 指向若干问题总结
2021-05-01 00:50

前端开发博客的博客点击关注下方卡片关注我????????回复“JS”查阅JS精选文章原文：https://segmentfault.com/a/1190000007908814看到评论里有小伙伴建议我试试...
js中setInterval重新获取页面数据如何不让页面闪烁？ ajax javascript
2021-07-09 10:02

回答 1 已采纳闪烁就是你在请求前吧内容清空了，空白时间就是你请求后渲染，你把清空的代码21 22 放在31 32会改善一点
Javascript在setInterval下定变量=0，然后自增，没有反应？ html5 javascript jquery 有问必答
2021-11-10 01:08

回答 2 已采纳 loadingNum变量要放在setInterval函数外面定义var loadingNum = 0; 这行要放在setInterval函数外面，否则每次执行setInterval函数loadingN
for循环中嵌套setInterval后无法结束 javascript typescript
2021-03-10 17:42

回答 2 已采纳这是因为你循环同时创建了多个定时器，但time变量始终就只有一个，只能保存一个定时器的id。当for循环结束（注：只是for循环结束，不是定时器触发结束）时time变量保存的是最后创建的定时器的id
JavaScriptAPI编程_JS定时器(setTimeout&setInterval)
2022-06-22 02:00

Qayrup的博客 JavaScript 定时器，有时也称为...JavaScript 中提供了两种方式来设置定时器，分别是 setTimeout() 和 setInterval()，它们之间的区别如下：JS setTimeout() 函数用来在指定时间后执行某些代码，代码仅执行一次。JS
定时器setInterval里可以调用自己clear掉吗？ javascript
2022-07-01 17:20

回答 1 已采纳是上午自动开启上午的计时器，下午自动开启下午的计时器，到点就结束吗？加个时间判断，如果是上午下班时间到了结束就关闭上午的定时器，如果是下午下班时间到了就关闭下午的定时器。更新：你是说上午的定时器完成后
使用php代码设置setInterval ajax javascript mysql php
2015-01-24 00:08

回答 2 已采纳 Place your <?php?> code in a separate file, and call that file. I didn't look at the rest o
setInterval()的用法 javascript
2022-12-08 09:53

回答 1 已采纳语法格式：setInterval(code,millisec[,"lang"]) 参数：code; 必需。需要调用的函数或者要执行的代码串。millisec; 必需。周期性执行或者调用 code 之间
JavaScript中this详解
2021-12-19 16:16

周晓风的博客在常见的编程语言中，几乎都有this这个关键字(Objective-C中是self)，但是JavaScript中的this更加灵活，无论是它出现的位置还是它代表的含义。在开发中，如果没有this，有些时候会让我们编写代码变得非常不方便。
setTimeout怎样调用setInterval? javascript
2022-07-04 11:48

回答 2 已采纳 setTimeout(() => { setInterval(() => { console.log('Hello'); }, 1000); }, 100
JavaScript 高级编程，this指向问题【2】
2021-12-02 21:42

小航哥sir的博客 1. this指向的永远是一个对象 2. 指向的是哪个对象，取决于谁调用了它例题1：问obj.f()打印的是什么？ function fun() { console.log(this.s); } var obj = { s: 1, f: fun } var s = 2;
js中SetInterval与setTimeout用法
2016-09-07 15:44

cc蒲公英的博客 JS里设定延时：使用SetInterval和设定延时函数setTimeout 很类似。 ● setTimeout("function",time) 设置一个超时对象 ● setInterval("function",time) 设置一个超时对象 ● SetInterval...
setinterval 必报_详解JS中定时器setInterval和setTImeout的this指向问题
2021-01-14 11:32

weixin_39621075的博客前言Js是一个单线程语言，可以通过setTimeout()和setInterval()来设置代码在指定时刻运行，前者是在指定时间后执行，后者是指每隔一段时间执行。两者的使用方法类似。最近在练习写一个小例子的时候用到了定时器，...
JavaScriptAPI_this指向问题
2022-06-22 02:13

Qayrup的博客 JavaScript中的this是让很多开发者...确定了第一点后，也引出了一个问题，就是this使用的地方到底在哪里，而第二点就解释了这个问题，但关键是在JavaScript语言之中，一切皆对象，运行环境也是对象，所以函数都是在某个
javascript中面向对象的编程思想
2020-04-19 10:44

姝光的博客我们所说的面向对象其实是一种编程思想，编程思路. 传统的面向过程，在我们刚开始接触的时候我们会觉得面向过程开发十分的方便简洁，因为面向过程是将一个东西分成很多过程，我们能一眼看出来哪步是哪步，看着很直观...
JS面向对象编程
2021-12-18 13:42

马小瑄的博客什么是面向对象编程（OOP）？用对象的思想去写代码，就是面向对象编程。面向对象编程的特点抽象：抓住核心问题封装：只能通过对象来访问方法继承：从已有对象上继承出新的对象多态：多对象的不同形态对象...
浏览器 JavaScript 中的 this 的使用【最全总结，值得收藏】
2021-06-28 18:03

八了个戒的博客大家可以看上一篇文章，是关于 Nodejs 中 this 的使用，里面还总结了 Nodejs 与浏览器 JavaScript 中的 this 的区别。 JavaScript 中 this 的使用全局下的 this 非严格模式情况下，全局的 this 都是 window ...
没有解决我的问题, 去提问

码龄粉丝数原力等级 --

js setinterval与this

2条回答默认最新

码龄粉丝数原力等级 --

问题事件

码龄粉丝数原力等级 --

码龄粉丝数原力等级 --

码龄粉丝数原力等级 --

悬赏问题

js setinterval与this

2条回答 默认 最新

问题事件

悬赏问题

2条回答默认最新