在创建一个在1-10之间不断变化的数字以显示在我的网站上时遇到问题。Javascript
我正试图使一个不断变化的数字在1-10之间(每1.5秒左右刷新一次)出现在我的网站上,而不出现点击事件,这是可能的吗 我一直在使用在创建一个在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
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);
}