javascript毫秒计时器_js实现精确到毫秒的倒计时效果

本文实例为大家分享了精确到毫秒的倒计时效果，供大家参考，具体内容如下

div{

width: 100%;

height: 50px;

margin-bottom: 5px;

background: yellowgreen;

}

毫秒的倒计时

var addTimer = function(){

var list = [],

interval;

return function(id,timeStamp){

if(!interval){

interval = setInterval(go,1);

}

list.push({ele:document.getElementById(id),time:timeStamp});

}

function go() {

for (var i = 0; i < list.length; i++) {

list[i].ele.innerHTML = changeTimeStamp(list[i].time);

if (!list[i].time)

list.splice(i--, 1);

}

//传入unix时间戳，得到倒计时

function changeTimeStamp(timeStamp){

var distancetime = new Date(timeStamp*1000).getTime() - new Date().getTime();

if(distancetime > 0){

//如果大于0.说明尚未到达截止时间

var ms = Math.floor(distancetime%1000);

var sec = Math.floor(distancetime/1000%60);

var min = Math.floor(distancetime/1000/60%60);

var hour =Math.floor(distancetime/1000/60/60%24);

if(ms<100){

ms = "0"+ ms;

}

if(sec<10){

sec = "0"+ sec;

}

if(min<10){

min = "0"+ min;

}

if(hour<10){

hour = "0"+ hour;

}

return hour + ":" +min + ":" +sec + ":" +ms;

}else{

//若否，就是已经到截止时间了

return "已截止！"

}

}();

addTimer("timer1",1451923200);//1月5日00点，unix时间戳自己去百度一下，就有的

addTimer("timer2",1451926800);//1月5日01点

addTimer("timer3",1451930400);//1月5日02点

addTimer("timer4",1452020400);//1月6日03点

更多关于倒计时的文章请查看专题：《倒计时功能》

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

javascript毫秒计时器_js实现精确到毫秒的倒计时效果相关推荐

javascript毫秒计时器_js/javascript计时器方法及使用场景
开博以备忘 JavaScript实现计时事件很容易,两个关键方法 setTimeout("JavaScript语句",毫秒) 未来的某时执行代码clearTimeout() ...
mysql精确到毫秒_mysql 时间类型精确到毫秒、微秒及其处理
一.MySQL 获得毫秒.微秒及对毫秒.微秒的处理 MySQL 较新的版本中(MySQL 6.0.5),也还没有产生微秒的函数,now() 只能精确到秒. MySQL 中也没有存储带有毫秒.微秒的日期 ...
oracle当前毫秒时间,oracle获得当前时间，精确到毫秒并指定精确位数
oracle获得当前时间的,精确到毫秒可以指定精确豪秒的位数 select to_char(systimestamp, 'yyyymmdd hh24:mi:ss.ff ') from dual; ...
javascript毫秒计时器_基于javascript实现精确到毫秒的倒计时限时抢购
这篇文章为大家分享了javascript实现倒计时限时抢购,精确到毫秒的倒计时,供大家参考,具体内容如下一.效果图下面的图片就是聚划算上面的限时抢的效果二.实现限时抢的效果需要用到的知识 :Ja ...
c linux time微秒_qt linux系统获取当前时间（精确到毫秒、微秒）-Go语言中文社区...
qt linux系统获取当前时间(精确到毫秒.微秒) Windows系统获取系统时间可以直接用SYSTEMTIME t;,将Windows平台程序移植到linux后,SYSTEMTIME将不再试用,如 ...
java calendar 毫秒_java Calendar（将时间精确到毫秒）
package com.neusoft.date; import java.util.Calendar; import java.util.Date; import java.util.Gregori ...
timestamp显示毫秒_mysql解决datetime与timestamp精确到毫秒的问题
CREATE TABLE `tab1` ( `tab1_id` VARCHAR(11) DEFAULT NULL, `create` TIMESTAMP(3) NULL DEFAULT NULL, ` ...
c++ linux 获取毫秒_Linux下gettimeofday()函数和clock()函数:精确到毫秒级的时间
使用Linux的gettimeofday函数可以达到获取精确到毫秒级的时间,其中t1=t_start.tv_sec是公元1970年至今的时间(换算为秒),t2=t_start.tv_usec是当前秒 ...
java 怎么用毫秒_java1.8中如何使用精确到毫秒的时间
SimpleDateFormat,用于显示时间的格式. Date,获取精确到毫秒的时间. Calendar,获取日历格式的时间. 示例代码如下: package baseAPI; import jav ...
php time豪秒_PHP精确到毫秒秒杀倒计时实例详解
精确到毫秒秒杀倒计时PHP源码实例,前台js活动展示倒计时,后台计算倒计时时间.每0.1秒定时刷新活动倒计时时间. PHP: // 注意:php的时间是以秒算.js的时间以毫秒算 // 设置时区 da ...

javascript毫秒计时器_js实现精确到毫秒的倒计时效果

毫秒的倒计时

javascript毫秒计时器_js实现精确到毫秒的倒计时效果相关推荐

最新文章

热门文章