78 lines
1.5 KiB
JavaScript
78 lines
1.5 KiB
JavaScript
|
|
var btn = document.getElementById("heartTxt");
|
|
btn.style.opacity = 0;
|
|
var btnVal = 0;
|
|
|
|
function showImage(){
|
|
//document.getElementById("imgTxt").style.opacity = 0;
|
|
myImage.setAttribute("src", imageArray[imageIndex]);
|
|
myTxt.innerHTML = txtArray[imageIndex];
|
|
//document.getElementById("imgTxt").style.opacity = 1 - flag;
|
|
imageIndex++;
|
|
if(imageIndex >= len){
|
|
imageIndex = 0;
|
|
}
|
|
}
|
|
|
|
function play(){
|
|
if(t == 0){
|
|
myImage.setAttribute("src", "");
|
|
myTxt.innerHTML = "";
|
|
imageIndex = 0;
|
|
clearInterval(showImageInterval);
|
|
}
|
|
flag = 1 - flag;
|
|
document.getElementById("typeDiv").style.opacity = flag;
|
|
document.getElementById("imgTxt").style.opacity = 1 - flag;
|
|
if(t == 0){
|
|
//setTimeout(showImage, 1000);
|
|
setInterval(showImage, 7000);
|
|
}
|
|
t++;
|
|
}
|
|
|
|
function preshowImage(){
|
|
document.getElementById("imgTxt").style.opacity = 0;
|
|
myImage.setAttribute("src", imageArray[imageIndex]);
|
|
myTxt.innerHTML = txtArray[imageIndex];
|
|
imageIndex++;
|
|
if(imageIndex >= len){
|
|
imageIndex = 0;
|
|
}
|
|
}
|
|
|
|
function buttonFadeIn(){
|
|
if(btnVal < 1){
|
|
btnVal += 0.025;
|
|
btn.style.opacity = btnVal;
|
|
}
|
|
else{
|
|
clearInterval(buttonInterval);
|
|
if(ok == 3){
|
|
ok += 1;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
function event(){
|
|
|
|
showImageInterval = setInterval(preshowImage, 300);
|
|
|
|
imgInterval = setInterval(function (){
|
|
if(ok == 3){
|
|
setTimeout(function(){buttonInterval = setInterval(buttonFadeIn, 90);}, 1500);
|
|
clearInterval(imgInterval);
|
|
}
|
|
}, 50);
|
|
}
|
|
|
|
var showImageInterval;
|
|
var imgInterval;
|
|
var buttonInterval;
|
|
|
|
event();
|
|
|
|
|
|
|