普通网友 2017-07-20 03:48 采纳率: 52.6%
浏览 1090
已采纳

init应该写在哪里,怎么用,看了没明白。


FadeInShuffling = {};
FadeInShuffling.show = function() {
    this.change = null;
    this.length = 0;
}
// 对象下的一个方法
FadeInShuffling.show.prototype.FadeInOut = function(name) {
    var oDiv = document.getElementById(name);
    var oUl = document.createElement("ul");
    for(var i = 0 ; i < 7; i++){
        var oli = document.createElement("li");
        oli.innerHTML = i;
        oUl.appendChild(oli);
    }
    oDiv.appendChild(oUl);
    $("#" + name + " li").css({
        "display":"none",
        "float":"left",
    });
    $("#" + name + " li").eq(0).css("display", "block");
    // 定时器轮播
    this.change = setInterval(function() {
        this.length++;
        // 判断 个数
        if(this.length == $("#" + name + " li").length) {
            this.length = 0;
        }
        // 调用fadeIn、fadeOut方法
        showaa(this.length);
    }.bind(this), 2000);

    function showaa(length) {
        $("#" + name + " li").eq(length - 1).fadeOut(1000); //将上一张图片隐藏
        $("#" + name + " li").eq(length).fadeIn(2000); //将这张图片出现
    }
}

就像是封装的这个函数,init应该写在哪里呢?

  • 写回答

1条回答

  • Go 旅城通票 2017-07-20 05:03
    关注

    没必要就不需要写init啊,多个init干嘛。。代码可以优化下,不要每次都选出li对象,保存下li集合的引用

        FadeInShuffling = {};
        FadeInShuffling.show = function () {
            this.change = null;
            this.length = 0;
        }
        // 对象下的一个方法
        FadeInShuffling.show.prototype.FadeInOut = function (name) {
            var oDiv = $('#name');// document.getElementById(name);
            var oUl = document.createElement("ul");
            for (var i = 0 ; i < 7; i++) {
                var oli = document.createElement("li");
                oli.innerHTML = i;
                oUl.appendChild(oli);
            }
            oDiv.append(oUl);
            var lis = oDiv.find('li');/////////
            lis.css({
                "display": "none",
                "float": "left",
            });
            lis.eq(0).css("display", "block");
            // 定时器轮播
            this.change = setInterval(function () {
                this.length++;
                // 判断 个数
                if (this.length == lis.length) {
                    this.length = 0;
                }
                // 调用fadeIn、fadeOut方法
                showaa(this.length);
            }.bind(this), 2000);
    
            function showaa(length) {
                lis.eq(length - 1).fadeOut(1000); //将上一张图片隐藏
                lis.eq(length).fadeIn(2000); //将这张图片出现
            }
        }
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥100 为什么这个恒流源电路不能恒流?
  • ¥15 有偿求跨组件数据流路径图
  • ¥15 写一个方法checkPerson,入参实体类Person,出参布尔值
  • ¥15 我想咨询一下路面纹理三维点云数据处理的一些问题,上传的坐标文件里是怎么对无序点进行编号的,以及xy坐标在处理的时候是进行整体模型分片处理的吗
  • ¥15 CSAPPattacklab
  • ¥15 一直显示正在等待HID—ISP
  • ¥15 Python turtle 画图
  • ¥15 stm32开发clion时遇到的编译问题
  • ¥15 lna设计 源简并电感型共源放大器
  • ¥15 如何用Labview在myRIO上做LCD显示?(语言-开发语言)