页面加载后甚至更改数字?

时间:2012-11-05 10:31:10

标签: php javascript html

即使在页面加载后,如何在html页面上更改数字。

我的意思是我有一个网站,我想在线显示用户所以在页面加载后,数字应该在特定的毫秒后更改而不刷新页面,我该怎么做?

这些数字可以来自一个范围吗?比如从700到990

在html或php或javascript中,任何东西都可以。


为那些跳入并说使用数学rand的人更新,请再次阅读该问题。

你没有回答我的问题, 我知道我可以生成随机数,但这不是我想要的。 我想要的是改变数字, 冲浪者来到我的网站,他看到网页上的数字正在变化,就像动画gif图像一样。

感谢

3 个答案:

答案 0 :(得分:2)

试试这个:

setInterval(generate_random_number,2000);
function generate_random_number()
{
    var number = Math.floor(Math.random()*11)
    return number;
}

其中11表示随机数将落在0-10之间。要将范围增加到100,只需将11更改为101即可。

setInterval函数每2秒调用一次generate_random_number函数,之后执行任何操作。

答案 1 :(得分:0)

为此目的使用javascript:

使用Math.random();获取0到1之间的随机数。

相应地获得所需范围的过程。

然后使用javascript更改包含该数字的元素的内部html。

即。 document.getElementById('ID OF THE ELEMENT').innerHTML = 'THE NUMBER OBTAINED FORM THE ABOVE PROCESSING';

并且还有一件事是使用Interval方法来计算每秒数

即。 :setInterval

答案 2 :(得分:0)

问题解决这里是一个答案

你可以做这样的事情

http://jsfiddle.net/ZDsMa/94/

使用此代码

var output, started, duration, desired;

// Constants
duration = 5000;
desired = '50';

// Initial setup
output = $('#output');
started = new Date().getTime();

// Animate!
animationTimer = setInterval(function() {
    // If the value is what we want, stop animating
    // or if the duration has been exceeded, stop animating
    if (output.text().trim() === desired || new Date().getTime() - started > duration) {
        console.log('animating');
        // Generate a random string to use for the next animation step
        output.text('' + Math.floor(Math.random() * 990)

        );

    } else {
        console.log('animating');
        // Generate a random string to use for the next animation step
        output.text('' + Math.floor(Math.random() * 990)

        );
    }
}, 1000);

我知道代码并不完美,但它确实修改了其他一些代码。

thaks