Javascript 如何设置滚动的超时功能

下面是我的代码，这是一个基本问题，谁能帮我解决这个问题， 我希望在用户将鼠标悬停在图像上的某个时间后显示该图像。比如说3秒钟

功能鼠标指针（MyImage）{
MyImage.src=”http://www.blirk.net/wallpapers/800x600/universe-wallpaper-2.jpg";
}
功能鼠标输出（MyImage）{
MyImage.src=”https://upload.wikimedia.org/wikipedia/commons/2/24/Ad-MediumRectangle-300x250.jpg";
}

---

您可以在函数中设置setTimeout，使其在3秒内不会更改图像源，如下所示。尽管在本例中，如果用户在3秒钟之前停止悬停，onMouseOut将在onMouseOver之前完成触发，这将为用户留下悬停的图像

功能鼠标指针（MyImage）{
setTimeout（函数（）{
MyImage.src=”http://media.giphy.com/media/DOs3KXoWEpTxK/giphy-tumblr.gif";
}, 3000); 
}
功能鼠标输出（MyImage）{
MyImage.src=”http://plusquotes.com/images/quotes-img/cool_cat.jpg";
}

您可以在函数中设置setTimeout，使其在3秒内不会更改图像源，如下所示。尽管在本例中，如果用户在3秒钟之前停止悬停，onMouseOut将在onMouseOver之前完成触发，这将为用户留下悬停的图像

功能鼠标指针（MyImage）{
setTimeout（函数（）{
MyImage.src=”http://media.giphy.com/media/DOs3KXoWEpTxK/giphy-tumblr.gif";
}, 3000); 
}
功能鼠标输出（MyImage）{
MyImage.src=”http://plusquotes.com/images/quotes-img/cool_cat.jpg";
}

好的，下面是一个脚本，它将在鼠标悬停3秒钟后更改图像。我稍微修改了您的代码，因为当它不嵌入HTML时，使用脚本要容易得多。希望这有帮助

const-universe=http://www.blirk.net/wallpapers/800x600/universe-wallpaper-2.jpg';
常数矩形https://upload.wikimedia.org/wikipedia/commons/2/24/Ad-MediumRectangle-300x250.jpg';
const img=document.querySelector（'img'）；
img.addEventListener（'mouseover'，（e）=>{
设置超时（（）=>{
img.src=宇宙；
}, 3000);
})

---

好的，下面是一个脚本，它将在鼠标悬停3秒钟后更改图像。我稍微修改了您的代码，因为当它不嵌入HTML时，使用脚本要容易得多。希望这有帮助

const-universe=http://www.blirk.net/wallpapers/800x600/universe-wallpaper-2.jpg';
常数矩形https://upload.wikimedia.org/wikipedia/commons/2/24/Ad-MediumRectangle-300x250.jpg';
const img=document.querySelector（'img'）；
img.addEventListener（'mouseover'，（e）=>{
设置超时（（）=>{
img.src=宇宙；
}, 3000);
})

---

下面是一个示例，鼠标悬停在上面等待3秒钟

当鼠标离开时也会重置

var mrSmiley=document.querySelector（'.img'）；
无功定时器；
mrSmiley.onmouseinter=函数（）{
定时器=设置超时（函数（）{
mrSmiley.classList.add（'img-3sec'）；
}, 3000);
}
mrSmiley.onmouseleave=函数（）{
清除超时（计时器）；
mrSmiley.classList.remove（'img-3sec'）；
}

.img{
光标：指针；
宽度：128px；
高度：128px；
背景图像：url（'data:image/svg+xml；utf8'）；
}
.img-3sec{
背景图像：url（'data:image/svg+xml；utf8'）；
}

将鼠标悬停在Happy先生身上3秒钟。。

下面是一个示例，鼠标悬停在上面等待3秒钟

当鼠标离开时也会重置

var mrSmiley=document.querySelector（'.img'）；
无功定时器；
mrSmiley.onmouseinter=函数（）{
定时器=设置超时（函数（）{
mrSmiley.classList.add（'img-3sec'）；
}, 3000);
}
mrSmiley.onmouseleave=函数（）{
清除超时（计时器）；
mrSmiley.classList.remove（'img-3sec'）；
}

.img{
光标：指针；
宽度：128px；
高度：128px；
背景图像：url（'data:image/svg+xml；utf8'）；
}
.img-3sec{
背景图像：url（'data:image/svg+xml；utf8'）；
}

将鼠标悬停在Happy先生身上3秒钟。。