html中加入一个计时器,向html中的计时器添加毫秒

总是迟到了，但这里有一个我早些时候发表。似乎很遗憾浪费它。

function countdownTimer(el,duration){

var exp = Date.now() + duration;//expires in now + duration milliseconds

//callback using window.requestAnimationFrame if available else setTimeout at 60fps:

var rAF = window.requestAnimationFrame || function(callback){window.setTimeout(callback,1000/60);};

//left-pad with leading zeros

function pad(n,s){

s = s||2;

return ("00000"+n).substr(-s);

}

//The loopy bit:

//note the use of a bitwise right-shift to convert to int (http://jsperf.com/number-vs-parseint-vs-plus/39)

(function update() {

var n = Date.now(),

e = (exp-n),

ms= (e%1000),

s = ((e/1000)%60) >> 0,

m = ((e/(1000*60))%60) >> 0,

h = ((e/(1000*60*60))%24) >> 0;

if (e > 0) {

el.innerHTML = pad(h)+":"+pad(m)+":"+pad(s)+":"+pad(ms,3);

rAF(update);

} else {

el.innerHTML = "00:00:00:000";

}

})();//IIFE (Immediately-Invoked Function Expression)

};

countdownTimer(document.getElementById('timer'),10000);

html中加入一个计时器,向html中的计时器添加毫秒相关推荐

java中判断一个字符在字符串中出现的次数
源代码: //java中判断一个字符出现的次数//在下面字符串中查找有几个啊public static void testFindChar(){String str = "啊!我爱你中国!啊 ...
java语言中修饰一个常量_接口中定义一个常量所用的修饰符有: (5.0分)_学小易找答案...
[判断题]Java中的接口不允许被继承 (5.0分) [单选题]下列程序的输出结果是( ) public class Ex_36{ public static void main(String arg ...
如何在DNN模块中插入一个图片--在模块中引用资源文件
DNN永远都是运行在网站的根目录 DNN的设计上最大的特点就是始终是使用一个网站根目录下的Default.aspx文件加载皮肤和模块从而实现整个网站的页面.这也就是说DNN这个Asp.net程序永远是 ...
c语言中创建一个整数数组_VBA中动态数组的创建及利用方法
大家好,后疫情时代一定会到来,各行各业,都将是一场战胜萧条的无声的战役.无论怎样,我们一定要坚信,疫情终将会过去,曙光一定会到来.后疫情时代将会是一个全新的世界,很多理念都将被打破,大多数人不会再享受 ...
链表相关操作：创建链表、遍历链表、求链表长度、链表中删除一个节点、链表中插入一个节点、反转单链表...
1 #include<iostream> 2 #include<stdlib.h> 3 4 typedef struct node 5 { 6 int data; 7 stru ...
QT中写一个求QVector容器中数据均值的函数
double MainWindow:: get_mean(QVector<double> in) {double sum = std::accumulate(in.begin(), in. ...
定义栈的数据结构，请在该类型中实现一个能够得到栈中所含最小元素的min函数（时间复杂度应为O（1））
思想1:(Java程序员面试宝典) 用空间换时间两个栈sd存数据,sm存最小值存入时: 若sm为空,两个直接存数据: 若sm不为空,待存数据与sm的栈顶元素比较,小于时存入,否则不存出栈: 若s ...
python中的变量的引用_python中的变量引用小结
python的变量都可以看成是内存中某个对象的引用.(变量指向该内存地址存储的值) 1.python中的可更改对象和不可更改对象 python中的对象可以分为可更改(mutable)对象与不可更改(i ...
android listview中item倒计时,GitHub - TangAnna/ListViewTimer: 列表中每一个item都有计时器（可实现倒计时或者计时器的功能）...
ListViewTimer 列表中每一个item都有计时器 (可实现倒计时或者计时器的功能) 项目中有时会遇到列表中含有倒计时或者是计时器的需求,实现的方式有很多种,此Demo中是使用Thread + ...
学习在Unity中创建一个动作RPG游戏
游戏开发变得简单.使用Unity学习C#并创建您自己的动作角色扮演游戏! 你会学到什么学习C#,一种现代通用的编程语言. 了解Unity中2D发展的能力. 发展强大的和可移植的解决问题的技能. 了解 ...

html中加入一个计时器,向html中的计时器添加毫秒

html中加入一个计时器,向html中的计时器添加毫秒相关推荐

最新文章

热门文章