计时器-使用jquery函数在2秒内将0显示为派生值
我有一个值,例如:50,我想在2秒内显示0到50的倒计时 我怎么能这么做计时器-使用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,而不是早或晚
<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元素,我想显示数字见更新的帖子。谢谢