js面向对象（萤火虫效果）

最新推荐文章于 2021-09-15 08:20:23 发布

爱上彗星的尾巴

最新推荐文章于 2021-09-15 08:20:23 发布

阅读量834

点赞数

分类专栏：前端文章标签： js

本文链接：https://blog.csdn.net/qq_38698753/article/details/82804655

版权

前端专栏收录该内容

140 篇文章 0 订阅

订阅专栏

//面向对象，模拟java
function Firefly(){
    this.element = $("<img src = 'img/1.jpg'/>");
    this.setPointX = function(value){
        this.pointX = value;
    }
    this.getPointX = function(){
        return this.pointX;
    }
    this.setPointY = function(value){
        this.pointY = value;
    }
    this.getPointY = function(){
        return this.pointY;
    }
    this.setRunTime = function(value){
        this.runtime = value;
    }
    this.getRunTime = function(){
        return this.runtime;
    }
}
    Firefly.prototype.show = function(){
        this.setPointX(Math.abs(Math.random()*window.innerWidth - 18) +"px");
this.setPointY(Math.abs(Math.random()*window.innerHeight - 18) +"px");
        this.element.css({
            left:this.getPointX(),
            top:this.getPointY()
        });
        $("body").append(this.element);
    }
    Firefly.prototype.run = function(){
        //alert(this.flyTime())
        var self = this;
        this.element.animate({
            left: this.getPointX(this.setPointX(Math.abs(Math.random()*window.innerWidth - 18) +"px")),
            top: this.getPointY(this.setPointY(Math.abs(Math.random()*window.innerHeight - 18) +"px"))},this.getRunTime(this.setRunTime(Math.floor((Math.random()*3+2)*1000))),function(){
            self.element.animate({
                left: self.getPointX(self.setPointX(Math.abs(Math.random()*window.innerWidth - 18) +"px")),
                top: self.getPointY(self.setPointY(Math.abs(Math.random()*window.innerHeight - 18) +"px"))      },self.getRunTime(self.setRunTime(Math.floor((Math.random()*3+2)*1000))),arguments.callee);
        });
    }
for(var i = 0; i < 20; i++){
    var fire1 = new Firefly();
    fire1.show();
    fire1.run();
}