js原生实现轮播图效果（面向对象编程） (2)

初始化方法中创建节点，绑定事件，同时设定定时器实现自动轮播效果。

// 初始化 Carousel.prototype.init = function () { this.createNodes(); this.bindEvent(); this.timeId = setInterval(this.clickHandle.bind(this), 2000); // 注意这里要bind(this) 否则clickHandle中的this指向window }; 4.8实例化Carousel对象，大功告成

实例化一个轮播图对象，然后调该对象的init方法。
只要html结构相同，只需要传入不同的相框元素，就可以在同一个页面中实例化多个轮播图对象。也就是说，同一个页面的多处轮播效果。

let carousel = new Carousel(document.getElementById(\'screen\')); carousel.init(); 5备注

全部的代码和css样式可参考我的github中的轮播图仓库，菜鸟程序猿一枚，程序设计如果有不妥的地方欢迎提出意见或建议，当然啦，如果你喜欢并star了我的这个仓库，我会很开心的 : ）
[1]: https://github.com/jiangleiundo/carousel