javascript - 如何延迟javascript中按钮的输出

Question

我正在开发一个按钮，单击它就会出现一个随机数字 1-50。但一旦我开始使用它，我意识到这有点无聊，所以我将添加一个播放大约 10 秒的噪音，然后数字就会出现。但问题是，现在我尝试向按钮添加延迟，但它没有输入输出数字。

这是我的代码(不要介意按钮被禁用的部分，因为这只是为了阻止作弊。还有其他部分。这只是我需要帮助的这部分的代码):

<button id="rnum" 
        onclick="numFunction();setTimeout(delayFunction, 10500);" 
        disabled>
    Random Number
</button>

<p id="randnum"></p>

<script>
    function delayFunction()
    function numFunction() {
        var x = Math.floor((Math.random() * 50) + 1);
        document.getElementById("randnum").innerHTML = x;
    }
</script>

Answer 1

随机数

          <p id="randnum"></p>

          <script>
          function numFunction() {
             setTimeout(function(){
              var x = Math.floor((Math.random() * 50) + 1);
              document.getElementById("randnum").innerHTML = x;
             }, 10500);
          }
          </script>