Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/387.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.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
Javascript 在单击时设置随机数生成器的动画_Javascript_Jquery - Fatal编程技术网

Javascript 在单击时设置随机数生成器的动画

Javascript 在单击时设置随机数生成器的动画,javascript,jquery,Javascript,Jquery,我有一个脚本,一旦点击一个按钮,就会产生一个0到13之间的随机数。然而,我想添加一些动画,这样当按钮被点击时,它看起来每次都在工作。例如,在确定最终数字之前,每次都会闪烁其他随机数,模拟骰子。到目前为止,我只生成随机数的javascript代码如下: function newNumber() { var x = Math.floor((Math.random() * 14) + 0); document.getElementById("number").innerHTML = x; } 最好的

我有一个脚本,一旦点击一个按钮,就会产生一个0到13之间的随机数。然而,我想添加一些动画,这样当按钮被点击时,它看起来每次都在工作。例如,在确定最终数字之前,每次都会闪烁其他随机数,模拟骰子。到目前为止,我只生成随机数的javascript代码如下:

function newNumber() {
var x = Math.floor((Math.random() * 14) + 0);
document.getElementById("number").innerHTML = x;
}
最好的办法是什么


与此示例非常相似:但显然没有那么糟糕,如果其他人试图找出相同的问题,则可供将来参考:

function newNumber() {
    var x = Math.floor((Math.random() * 14) + 0);
    document.getElementById("dice").innerHTML = x;


    var output, started, duration, desired;

// Constants
duration = 1000;


// Initial setup
output = $('#dice');
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) {
        clearInterval(animationTimer);
    } else {
        console.log('animating');
        // Generate a random string to use for the next animation step
        output.text(
            ''+
            Math.floor((Math.random() * 14) + 0)
        );
    }
}, 100);


}

*要求jquery

您是Java新手,这与这个问题没有什么关系。请具体说明你到底想要什么。“例如闪烁其他随机数”正是小提琴所做的。你可以使用一些jquery插件来实现动画效果。我该如何将jquery添加到其中。我已经尝试过j fiddle示例,但我无法让它与函数一起工作从流中删除所需的变量@user3438298:查看这些示例并通过以下代码学习-(1)和(2):