每x秒生成一个随机数并显示出来

Question

在我的应用程序中，我有一种始终显示的底部栏，其中有一个带有 h1 的 div 和一个按钮。 每次我点击我编码的按钮和动画时，都会用随机数更改 h1 的文本。 到这里一切正常。

我的目标是在不按下按钮的情况下制作这个东西，而是在所有应用程序执行期间每隔 x 秒。 我尝试使用“setInterval(func, ms);” 我没有收到任何错误，但它只是做了一次。

我认为我的错误是“放在哪里”代码。 我不明白这个。 所以，我试图将代码放在我的按钮的事件处理程序上，只是为了看看它是否有效，但它还是做了一次。 我需要这个函数在用户做其他事情时继续执行......就像应用程序中的时钟：它应该在你做其他事情时连续工作。

我的功能代码：

function fraseCasuale(sel) {
    var i = 1 + Math.floor(Math.random() * (groupedItems.length-1));
    var oggetto = groupedItems.getAt(i);

    if (sel === 1) {
        document.getElementById("frasecasuale").textContent = oggetto.frase;
        document.getElementById("autore").textContent = oggetto.nome;
        document.getElementById("genere").textContent = oggetto.genere;
    } else {
        document.getElementById("frasecasuale2").textContent = oggetto.frase;
        document.getElementById("autore2").textContent = oggetto.nome;
        document.getElementById("genere2").textContent = oggetto.genere;
    }
}

然后我怎么称呼它，例如：

setInterval(fraseCasuale(1), 5000);

我的应用程序基于 Visual Studio 2012 for Windows Store aps 的网格模板。 我将上面所说的栏添加到“default.html”中，它是其他页面的容器。

Answer 1

您确定这样的东西行不通吗？

function getRandomInt(min, max) {
    return Math.floor(Math.random() * (max - min + 1)) + min;
}

var ms = 2000;
var func = function () {
    var randNum = getRandomInt(1, 253);    // Gets random number between 1 and 253
    document.getElementById("element_id").innerHTML = randNum;
};

setInterval(func, ms);

http://jsfiddle.net/FQSAH/1/

Answer 2

这应该工作...

var id = window.setInterval(function(){randomNumber()},1000);

function randomNumber()
{
  var rand = Math.floor(Math.random()*6)
  //Do whatever you want with that number
}

快速JSBin： http : //jsbin.com/egajog/1/

Answer 3

代码中的问题是您没有将函数传递给setInterval，而是将函数调用fraseCasuale（1）的一次结果传递给了，因此该函数的结果就是传递给setInterval的结果。

由于要向其传递参数，因此setTimeout允许您在函数指针和超时间隔之后指定参数，例如：

setInterval(fraseCasuale,5000,1);

如果您在定义的“页面”中执行此操作，则可以在home.js中执行类似的操作

    WinJS.UI.Pages.define("/pages/home/home.html", {
        // This function is called whenever a user navigates to this page. It
        // populates the page elements with the app's data.
        ready: function (element, options) {
            setInterval(this.fraseCasuale, 1000, 656);
        },

        fraseCasuale: function (sel) {
            console.log(sel);
            var i = 1 + Math.floor(Math.random() * (4 - 1));
            var element = document.getElementById("updateMe");
            element.textContent = i;
        }
    });

或者，如果仅使用default.js，则可以将代码放到app.ready中，例如ex上方。 app.oncheckpoint（顺序在任何函数的上方或下方实际上并不重要，只是提供一个显示示例的位置）

因此在default.js中：

  app.onready = function (args) {
        //1 is a placeholder for your parameter
        setInterval(fraseCasuale,5000,1);
    };

Answer 4

我在哪里可以找到这个应用程序，我对编码一无所知，我只想要这个应用程序