如何制作一个Javascript计时器,数字从700000000开始,每1秒倒计时2.5
How do I make a Javascript timer where the number starts at 700000000 and counts down by 2.5 per 1 second
我正在尝试制作一个功能与本网站上的计时器类似的计时器:http://www.gaiacoin.com/计时器从70亿开始,以每秒2.5点的速度递减计数。
我应该如何编写这个Javascript函数?
谢谢!
在javascript中,函数setInterval将根据第二个参数每隔X毫秒调用一个特定函数。
var myNumber = 7000000000;
var myInterval = setInterval(function(){
myNumber -= 2.5;
},1000);
1000是毫秒。。所以…每秒1000毫秒。
您可以使用setInterval函数来创建计时器,然后使用getElementById在HTML文档中找到写入文本的位置。
var x = 7000000000;
setInterval(function() {
x = Math.max(0, x - 2.5);
document.getElementById("field_name").innerHTML = "Gaiacoin Clock " + x;
}, 1000);
忽略所有的反对票。每个在某个时候对你的问题投了反对票的人都不知道答案,除非我们寻求帮助,否则我们该如何学习。
以下是的操作方法
var startValue = 7000000000;
// arbitrarily started at midnight 7th November 2015 UTC
// change to whatever you want,
// or even read something from a cookie if you want
var startTime = new Date(2015, 10, 7, 0, 0, 0);
var perSec = 2.5;
var beginOffset = new Date() - startTime;
var startPerform = performance.now();
var displayValue;
var go = function() {
var elapsed = beginOffset + (performance.now() - startPerform);
var value = Math.floor(startValue - perSec * elapsed / 1000);
if(value != displayValue) {
console.log(displayValue = value); // do your output here
}
}
setInterval(go, 100);
相关文章:
- 如何添加类,同时开始在文本字段中输入文本
- 希望日期开始结束于while循环中的一个房间id的一个数组
- ng模型内的ng重复的ng重复开始
- 在HTML/JavaScript中,有没有一种方法可以在图像开始加载时知道图像的最终布局尺寸
- Yii2从点击链接开始加载模式
- Jquery幻灯片以一行左侧的图像开始,但我希望它从右端开始
- 从REST服务器和Coffeescapet前端开始
- nodejs createReadStream从第n行开始
- 处理第三方库发送的ajax请求的开始和结束事件
- 从头开始创建XLS文件
- 在开始时隐藏FX.slide内容,而不是在单击后隐藏
- 拖动开始时更改可拖动元素的大小
- jQuery Datepicker从日期开始设置默认值
- 水平视差滚动从头开始-没有插件(jQuery)
- 从工作日结束到下一个工作日开始的完整日历JS包装时间
- Marquee从左中开始
- 使用javascript&自定义验证器检查开始日期和结束日期
- MomentJS代码不会开始新的一周
- 从第一个日期选择器定义第二个日期选择器的开始日期
- 如何制作一个Javascript计时器,数字从700000000开始,每1秒倒计时2.5