Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/447.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在创建一个在1-10之间不断变化的数字以显示在我的网站上时遇到问题。Javascript_Javascript_Jquery_Html - Fatal编程技术网

在创建一个在1-10之间不断变化的数字以显示在我的网站上时遇到问题。Javascript

在创建一个在1-10之间不断变化的数字以显示在我的网站上时遇到问题。Javascript,javascript,jquery,html,Javascript,Jquery,Html,我正试图使一个不断变化的数字在1-10之间(每1.5秒左右刷新一次)出现在我的网站上,而不出现点击事件,这是可能的吗 我一直在使用math.randomjavascript函数来计算数字。但我不知道如何在不使用onclick的情况下实现这个“刷新数字” 有人能帮我吗?在javascript中使用setInterval函数: <script> setInterval(function(){ //logic for generate random number

我正试图使一个不断变化的数字在1-10之间(每1.5秒左右刷新一次)出现在我的网站上,而不出现点击事件,这是可能的吗

我一直在使用
math.random
javascript函数来计算数字。但我不知道如何在不使用onclick的情况下实现这个“刷新数字”


有人能帮我吗?

在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>

setInterval(函数(){
//生成随机数并在页面上显示的逻辑
}, 1000); //将在每一秒钟执行一次
类似这样的内容:(假设您希望数字出现在id为“randomDiv”的div中)

您可以尝试:

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

只需将随机生成的数字乘以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

您可以通过使用setInterval和random no.generator来实现这一点

#结果{
颜色:#fff;
高度:20px;
宽度:20px;
字体大小:粗体;
文本对齐:居中;
填充物:5px;
背景:#ffb76b;/*旧浏览器*/
背景:-莫兹线性梯度(顶部,#ffb76b 0%,#FF73D 50%,#ff7c00 51%,#ff7f04 100%);/*FF3.6-15*/
背景:-webkit线性梯度(顶部,#ffb76b 0%,#FF73D 50%,#ff7c00 51%,#ff7f04 100%);/*Chrome10-25,Safari5.1-6*/
背景:线性梯度(至底部,#ffb76b 0%,#FF73D 50%,#ff7c00 51%,#ff7f04 100%);/*W3C,IE10+,FF16+,Chrome26+,Opera12+,Safari7+*/
过滤器:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb76b',endColorstr='#ff7f04',GradientType=0);/*IE6-9*/}

var intrvl=setInterval(numbFunction,1500);//在1.5秒(1500毫秒)后重复函数 函数numbFunction(){ var x=Math.floor((Math.random()*10)+1);//返回一个介于1到10之间的随机编号 document.getElementById(“结果”).innerHTML=x; }
在本例中,我每1.5秒更改一个标签中的随机数。要执行此操作,请执行以下步骤:

步骤1我创建了一个HTML标签,其中会显示1-10之间的随机数

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


希望有帮助!!

如果重新加载页面,脚本将再次开始运行,那么您需要AJAX请求来更新数字。您真的希望页面刷新吗?何时使用函数randNumber返回的值???:PHi,Math.random(9)中的9有什么作用?我的印象是Math.random不带参数。
<label id="LblNumber"></label>
function ChangeNumber() {
   var newNumber = Math.floor(Math.random(9) * 10) + 1;
   $('#LblNumber').text(newNumber);
}