php - 在设定的时间段内显示页面元素

Question

快速提问。我正在尝试使用 javascript、jquery 或 php 来实现它，因此当我单击链接时，它会将我页面上的静态图像替换为另一个图像，持续 15 秒，然后恢复为原始图像。解决此问题的最佳方法是什么？

Answer 1

你可以为此做一个简单的超时:

$('#myLink').click(function() {
  $('#myImg').attr('src', 'newImg.jpg');
  setTimeout(function() { $('#myImg').attr('src', 'oldImg.jpg'); }, 15000);
});

或者，如果你想要淡入淡出，让另一个图像绝对定位，就像这样:

<div>
 <img id="tempImg" src="tempImg.jpg" style="position:absolute; display:none; z-index: 2;" />
 <img src="oldImg.jpg" />
</div>

然后像这样的 jQuery:

$('#myLink').click(function() {
  $('#tempImg').fadeIn().delay(15000).fadeOut();
});

确保图像具有相同的尺寸(对于外观，这是可选的)，临时图像将在静态图像之上淡入，等待 15 秒，然后淡出。