Question

不确定如何处理任务或特定的代码将起作用，但我认为嵌套函数可能会做到。我只是不知道如何正确实现它。

我可以用HTML创建按钮并让其显示图片，但是不确定如何编码/合并setDuration（我在这里假设）功能部分。对JS来说有些陌生，因此希望为可能的简单任务寻找最佳实践。衷心感谢您的协助/投入！

Answer 1

为图片提供ID并使用：

setTimeout(()=>{
    document.getElementById("id").remove();
},200)

Answer 2

您可以使用setTimeout设置图片消失的时间。会是这样的。

function displayPicture() {

    // code that displays picture
    image.display = "block";

    setTimeout(()=> {
    // code that hides the picture
    image.display = "none";

    // the picture will disappear in 5 seconds
    }, 5000);
}

Answer 3

您可以使用点击事件来显示图片，并使用setTimeout隐藏它。

HTML：

<!-- button -->
<button id="btnId">Hey Click me!</button>

<!-- image to hide and show -->
<img src="img_path_here" alt="" id="imageID" style="display: none" />

JavaScript

    // add click event to button
    document.getElementById("btnId").addEventListener('click', function() {
        //show image
        document.getElementById('imageID').style.display='block';
        // hide image after 1 sec.
        setTimeout(function() {
          document.getElementById('imageID').style.display='none';
        }, 1000);
    });

需要创建一个显示特定图片的按钮，然后在指定的ms持续时间后将其隐藏

3 个答案: