Question

我想知道我是否可以在html中延迟按钮的操作，所以当我点击一个按钮时，它会出现动画或图片说; 请等待...... 1或2秒，然后执行代码？这是我想要延迟的代码的一小部分;

<button onclick="myFunction()">Summon</button>
<p id="demo"></p>
<script>
function myFunction()
{
    var luck= ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16'],
    lucknumber = Math.floor((Math.random() * luck.length));

    if (lucknumber < 14){
        document.getElementById("demo").innerHTML = "SR";
    } 
    else {
        document.getElementById("demo").innerHTML = "SSR";
        }
}
</script>

是的，它是一个基本代码，但我是初学者，所以任何答案都会非常感激！谢谢！

Answer 1

您可以为您的功能使用超时

...
var inner = "SSR";
if (lucknumber < 14){
  inner = "SR";
}

setTimeout(function(){ 
  document.getElementById("demo").innerHTML = inner;
}, 2000);

...

单击按钮时延迟？

1 个答案: