2022-11-16 20:00:37 +08:00

81 lines
1.7 KiB
JavaScript
Executable File

var model1 = [];
var model2 = [];
var model3 = [];
for (var i = 1; i < 101; i++) {
model1.push("images/xl1/c (" + i + ").jpg")
}
for (var i = 1; i < 151; i++) {
model2.push("images/xl2/c (" + i + ").jpg")
}
for (var i = 1; i < 151; i++) {
model3.push("images/xl3/c (" + i + ").jpg")
}
function seq(arr, id, speed) {
var th = this;
this.id = $("." + id);
this.elements = document.querySelector('.'+id)
this.current = 0;
this.xcurrrent = 0;
this.nums = arr.length;
this.loads(arr, function() {
th.gotoAndplay(arr,speed);
})
}
seq.prototype.gotoAndplay = function(arr,speed) {
var th = this;
var modelplayer = "";
modelplayer = setInterval(function() {
th.xcurrrent++;
if (th.xcurrrent > th.nums -1) {
//th.xcurrrent = 0;
th.xcurrrent = th.nums;
th.id.find("img").eq(th.nums - 1).css("opacity",1);
clearInterval(modelplayer);
setTimeout(function(){
th.xcurrrent = 0;
th.gotoAndplay(arr,speed);
},0)
}else{
th.id.find("img").css("opacity",0);
th.id.find("img").eq(th.xcurrrent ).css("opacity",1);
}
}, speed)
}
seq.prototype.loads = function(arr, callback) {
var th = this;
var img = new Image();
img.onload = function() {
th.elements.appendChild(img);
th.current++;
if (th.current < th.nums) {
th.loads(arr, callback);
} else {
callback();
}
}
img.src = arr[th.current];
}
var model1 = new seq(model1, "model1",30);
var model2 = new seq(model2, "model2",30);
var model3 = new seq(model3, "model3",30);