如何使用JavaScript在10分钟后显示图片？

如何解决如何使用JavaScript在10分钟后显示图片？

| 我试图制作一个脚本，在其中10分钟后会为用户显示图像。将其视为计时器。一旦计时器达到0，就会出现图像。我对javascript很陌生，所以我真的不知道从哪里开始。有谁知道可以完成这项工作的脚本，还是可以向我指出正确的方向？谢谢。

解决方法

这是将图像添加到HTML的方式

<img id=\"myimage\" src=\"\" style=\"display:none\" />

这是您的JavaScript：

<script type=\"text/javascript\">
setTimeout(function(){
    document.getElementById(\'myimage\').style.display = \'block\';
},600000);
</script>

你可以在这里测试 , HTML：

<img src=\"yourimage.jpg\" id=\"yourImageId\" style=\"display: none\" />

JS：

setTimeout(function() { document.getElementById(\'yourImageId\').display(\'block\'); },10 * 60 * 1000);

使用setTimeout可以将计时器设置为在10 * 60 * 1000 ms（= 10分钟）后触发；它触发功能并显示隐藏的图像。简洁整洁将CSS隐藏在适当的CSS文件中。 , 您可以对幻灯片中的每个图像重复此操作吗？我已经尝试过将您的代码在前一个图片和下一个图片之间进行过渡（例如500毫秒），以防止其级联。由于（随机）图像的纵横比非常不同，因此在此不使用（交叉）渐变。现在，您的代码仅在演示开始时就可以运行一次，然后再次连接图像。我的代码

#blackit { display: none; }  
<body>

<script>

document.write(\'<img id=\"blackit\" onload=\"resizeImage()\" margin=\"0\" border=\"0\" alt=\"\" src=\"\" \'+rimages[Math.floor(Math.random()*(rimages.length))]+\'\">\')


var timeoutID = setTimeout(function() { document.getElementById(\'blackit\').style.display        =\'block\'; },500); 

var paused = false;

document.onkeydown = function(evt) {
    evt = evt || window.event;
    if (evt.keyCode == 32) {
        paused = !paused;
    }
};


(function loop() { 
var  rantime = Math.round(Math.random() * 7000) + 1000;
timeoutID; 
setTimeout(function() { 
   if (!paused) { 
       rotateImage(); 
       }
    loop();
   },rantime);
})();

, 看一下setTimeout。您可以最初隐藏图像（使用CSSdisplay: none;），并在超时结束后显示图像。例：

var timeout = setTimeout(function() {
    document.getElementById(\'imageID\').style.display = \'block\';
},10000); // of course you have to set the right time

当您要检测用户的不活动状态时，还可以查看优雅地检测JavaScript中的空闲时间和其他内容。 , 如果可以使用jQuery 1.4+，则在javascript中查找setTimeOut方法，它具有jQuery延迟功能。 , 您可以使用setTimeout（）函数来实现此目的。该函数有两个参数，一个函数运行和延迟时间。 10分钟= 600秒，即600,000毫秒，这是JS使用的时间标度。因此，如果您当然使用的是jQuery，则可以执行以下操作：

setTimeout(function() {
    $(\"#my-img\").show();
},600000);

或者如果不使用常规JS，则使用：

setTimeout(function() {
    document.getElementById(\"my-img\").style.display = \"block\";
},600000);

setTimeout(function(){
    // do some stuff here,like add an image for example...
},(60 * 10 * 1000))
// seconds * minutes * 1000