毫秒倒计时/计时器似乎停在零
millisecond countdown/timer seems to pause on zero
创建一个简单的毫秒倒计时/定时器,下面是一个使用jsFiddle的实例
我的问题是数字0比其他数字显示的时间更长。
我想要一个流畅的倒计时,有什么建议吗?
JS
// how many seconds will be added to the counter countdown
Date.prototype.addSeconds= function(s)
{
this.setSeconds(this.getSeconds()+s);
return this;
}
// default to 60 seconds
var end = new Date().addSeconds(60); // change this value to the seconds wanted for the count down
var _second = 1000;
var _minute = _second * 60;
var timer;
function getDigit(position, number)
{
numberString = number + "";
return numberString.substr (position + 1, 1);
}
function showRemaining()
{
var countdownElement = document.getElementById('timer');
var now = new Date();
var distance = end - now;
var minutes = Math.floor( (distance % _minute * 60) / _minute );
var seconds = Math.floor( (distance % _minute) / _second );
var milliseconds = distance % _second;
var millisecond = getDigit(1, milliseconds);
if (millisecond <= 0)
{
millisecond = 0;
}
countdownElement.innerHTML = seconds + 's ' + millisecond + 'ms';
//countdownElement.innerHTML = seconds + '.' + milliseconds;
if (milliseconds < 0)
{
countdownElement.innerHTML = 'Finished';
clearInterval(timer);
}
}
timer = setInterval(showRemaining, 10);
如果需要HTML <div id="timer">a</div>
CSS #timer
{
display:inline-block;
padding:3px 5px;
border:1px solid #666;
font-family:tahoma;
color:#999;
font-size:12px;
}
看起来,如果你把字符串转换,暂停消失:
var milliseconds = distance % (_second / 100);
代替
var millisecond = getDigit(1, milliseconds);
http://jsfiddle.net/c3ncA/3/相关文章:
- 如何在窗体打开时从javascript倒计时计时器值中节省时间
- 设置倒计时计时器,IE出现问题
- 显示具有服务器端自动时间注销的同步倒计时计时器
- 倒计时计时器应该持续两个php页面
- 在Jquery倒计时计时器上设置每个数字的动画
- Javascript倒计时计时器倒计时未正确更新秒/分钟
- 创建一个倒计时计时器脚本,该脚本计算声音文件的持续时间,而不是特定的日期
- 递归倒计时计时器
- 制作一个按钮倒计时计时器,该计时器将在5分钟后永久禁用,即使在页面刷新时也应保持禁用状态
- 我需要JS/jQuery中的倒计时计时器
- 设置Javascript倒计时计时器的初始值
- 日期和unix时间之间的时间,以及计时器倒计时
- 我的Javascript计时器倒计时太快,否则就不会了't启动onLoad
- 无法从按钮或计时器倒计时后停止setInterval javascript
- JavaScript发货计时器倒计时
- Jquery计时器倒计时和倒计时
- 当ajax计时器(倒计时)显示0时,调用c#函数
- 计时器倒计时为零时更新数据库
- 我有一个计时器倒计时,如何在计时器行后面添加一个新的空行(如空格)
- 当计时器倒计时到“0”时,如何自动“点击”按钮?(如何从代码中调用单击按钮?