Question

我试图在1-10之间（每1.5秒刷新一次）不断变化的数字出现在我的网站上而没有点击事件，这可能吗？

我一直在使用math.random javascript函数来表示这些数字。但我无法弄清楚如何做到这一点＆＃34;刷新号码＆＃34;没有使用onclick。

有人可以帮助我吗？

Answer 1

这样的事情:(假设您希望数字出现在id为“randomDiv”的div中

setInterval(function() {
    $("#randomDiv").text(Math.floor(Math.random() * 10) + 1);
}, 1500);

Answer 2

在javascript中使用setInterval函数：

<script>
    setInterval(function(){

        //logic for generate random number and show it on the page

    }, 1000); //will be executing in every one second
</script>

Answer 3

您可以尝试：

for (i = 0; i < 5; i++) {
    (function(i) {
        setTimeout(function () {
            console.log(Math.floor(Math.random() * 10) + 1  );
        }, 1000);
    })(i);
}

Answer 4

只需将随机生成的数字乘以10，然后将小数点四舍五入。您需要更改函数内部的代码，以便将结果输出到文档中的某个位置。

function randNumber() {
     var rand = Math.floor(Math.random() * 10 + 1); 
   // Use rand somewhere in document
}

setInterval(randNumber, 1500); // Execute randNumber every 1.5 seconds

Answer 5

您可以使用setInterval和随机数来完成此操作。发电机。这是一个有味道的CSS。

#result{
 color:#fff;
  height:20px;
  width:20px;
  font-weight:bold;
  text-align:center;
  padding:5px;
background: #ffb76b; /* Old browsers */
background: -moz-linear-gradient(top, #ffb76b 0%, #ffa73d 50%, #ff7c00 51%, #ff7f04 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 ); /* IE6-9 */}

<p id="result"></p>

<script>

var intrvl = setInterval(numbFunction, 1500); //repeat function after 1.5 seconds(1500 ms)

function numbFunction() {
    var x = Math.floor((Math.random() * 10) + 1); //return a random no. between 1 to 10
    document.getElementById("result").innerHTML = x;
}

</script>

Answer 6

在这个例子中，我每1.5秒更改一个标签中的随机数。为此，请按照以下步骤操作：

Step-1 我创建了一个HTML标签，其中显示了1-10之间的随机数。

<label id="LblNumber"></label>

Step-2 然后我创建了setInterval函数，它在每1500毫秒（1.5秒）内调用一个函数ChangeNumber。 ChangeNumber函数在1-10之间生成随机数，并使用新生成的ramdom数设置标签文本。 setInterval（function（）{ChangeNumber（）;}，1500）;

function ChangeNumber() {
   var newNumber = Math.floor(Math.random(9) * 10) + 1;
   $('#LblNumber').text(newNumber);
}

See Fiddler Here

希望这有帮助!!

无法在我的网站上创建1-10之间不断变化的数字。使用Javascript

6 个答案: