Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.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
计时器-使用jquery函数在2秒内将0显示为派生值_Jquery_Html_Css - Fatal编程技术网

计时器-使用jquery函数在2秒内将0显示为派生值

计时器-使用jquery函数在2秒内将0显示为派生值,jquery,html,css,Jquery,Html,Css,我有一个值,例如:50,我想在2秒内显示0到50的倒计时 我怎么能这么做 <input id="Text1" type="text" value="50"/> <lable id="lbl"/> 我希望值倒计时0到50理想情况下50可以是任何数字,度0到360!只需2秒钟 **很抱歉编辑了这个问题** 最新结果=- 在结果3问题中- [1] -它应该只有一个功能 [2] 计数10000不能在2秒内完成, [3] 当计数完成到10000时,则应同时完成360,而不是早或晚

我有一个值,例如:50,我想在2秒内显示0到50的倒计时

我怎么能这么做

<input id="Text1" type="text" value="50"/>
<lable id="lbl"/>
我希望值倒计时0到50理想情况下50可以是任何数字,度0到360!只需2秒钟

**很抱歉编辑了这个问题**

最新结果=-

在结果3问题中- [1] -它应该只有一个功能 [2] 计数10000不能在2秒内完成, [3] 当计数完成到10000时,则应同时完成360,而不是早或晚 使用以下命令:

var myFirstVal = $("#Text1").val();
var myInterval = setInterval(function () {
    var mynewVal = parseInt($("#Text1").val()) + 1;
    $("#Text1").val(mynewVal);
    if (mynewVal >= 50) clearInterval(myInterval);
}, (2000 / 50));
jsidle:

HTML:

<p id="number">x</p>
<p id="number2">x</p>
JavaScript:

var paragraph = document.getElementById("number") 
var paragraph2 = document.getElementById("number2") 

function animateNumbers(countUpNumber, countDownNumber,time){

    var time = time * 100
    var x = 0;

    var gapUp = countUpNumber / time
    gapUp = Math.round( gapUp * 100 ) / 100

    var gapDown = countDownNumber / time
    gapDown = Math.round( gapDown * 100 ) / 100

    var animate = setInterval(function(){

        x += gapUp;
        var xRound = Math.floor(x);
        if (xRound > countUpNumber) xRound = countUpNumber;
        paragraph.innerHTML = xRound;

        countDownNumber -= gapDown;
        var yRound = Math.floor(countDownNumber);
        if (yRound < 0) yRound = 0;
        paragraph2.innerHTML = yRound;

        if ((x >= countUpNumber) && (countDownNumber <= 0)) clearInterval(animate);  

    }, 10)

}

animateNumbers(5000,360,2) // number to count up, number to count down, time in seconds
小提琴:

应该从0到50开始:在50点停止谢谢,你能在0到50的基础上倒计时到0到360度吗?也就是说,当我的数字达到50度时,也应该达到360度。欢迎!你的意思是:?不,我想要数值倒计时0到50理想情况下50可以是任何数字,0到360度!在短短的2秒钟内,我希望两个数字同时完成:,即当0到50完成时,相同的时间,0到360完成,当我取大数字时,它不起作用学位标签是文本吗?输入值是否为0到50?在何处显示0到360度?谢谢我更新了我的问题,包括最新毫不费力输入的显示计数,不标签元素?忽略html元素,我想显示数字见更新的帖子。谢谢