如何用JavaScript实现图片随机或每1-2分钟定时显示？

• 随机时间区间计算：生成60000ms（1分钟）到120000ms（2分钟）之间的随机整数，可通过Math.floor(Math.random() * (120000 - 60000 + 1)) + 60000实现，该值作为每次等待的毫秒数。
• 动态DOM元素控制：通过document.getElementById()或document.querySelector()获取目标图片元素，修改其CSS样式（如element.style.display = 'block'）或添加/移除预定义CSS类（如.hidden）来切换显示/隐藏状态。
• 递归式定时器调度：使用setTimeout()替代固定间隔的setInterval()，每次完成图片显示逻辑后，重新计算随机时间并再次调用setTimeout()，实现每次间隔随机的循环触发。
• 定时器生命周期管理：保存每次setTimeout()返回的定时器ID，方便用clearTimeout()取消定时器；可在页面卸载（beforeunload事件）时清理定时器，避免不必要的资源占用。
• 图片预加载（可选）：若需切换不同图片，提前用new Image()创建图片对象并设置src属性预加载，确保图片加载完成后再显示，避免加载延迟影响体验。

内容的提问来源于stack exchange，提问作者Script-issues