js 毫秒计时器

//objElement 元素对象,strHtml 元素内的字符格式,yuTimeSpan 倒计时毫秒数,endFunc 结束处理函数
function initialTimer(objElement,strHtml,yuTimeSpan,endFunc){
if(typeof initialTimer.isIntialed === "undefined"){
//时间格式替换 objElement 元素对象,strHtml 元素内的字符格式,timespan 倒计时毫秒数,endFunc 结束处理函数
initialTimer.prototype.formateTime = function(objElement ,strHtml ,timespan ,endFunc) {
var yuTimeSpan = timespan,formatHtml = strHtml
,days = 0,hours = 0,minutes = 0,seconds = 0,milliseconds = 0;
//结束
if (timespan < 10) {
//相关操作js代码
if(typeof endFunc === "function"){endFunc();}
return true;
}
//计算出相差天数
days = Math.floor(yuTimeSpan / (24 * 3600 * 1000));
formatHtml = formatHtml.replace("{dd}",days < 10 ? ("0"+days) : days);
//计算出小时数
yuTimeSpan = yuTimeSpan % (24 * 3600 * 1000);
hours = Math.floor(yuTimeSpan / (3600 * 1000));
formatHtml = formatHtml.replace("{hh}",hours < 10 ? ("0" + hours) : hours);
//计算相差分钟数
yuTimeSpan = yuTimeSpan % (3600 * 1000);
minutes = Math.floor(yuTimeSpan / (60 * 1000));
formatHtml = formatHtml.replace("{mm}",minutes < 10 ? ("0" + minutes) : minutes);
//计算相差秒数
yuTimeSpan = yuTimeSpan % (60 * 1000);
seconds = Math.round(yuTimeSpan / 1000);
formatHtml = formatHtml.replace("{ss}",seconds < 10 ? ("0" + seconds) : seconds);
//计算相差10毫秒数
yuTimeSpan = yuTimeSpan % 1000;
milliseconds = Math.round(yuTimeSpan / 11);
formatHtml = formatHtml.replace("{SS}",milliseconds < 10 ? ("0" + milliseconds) : milliseconds);
//文本操作
objElement.innerHTML = formatHtml;
return false;
}
initialTimer.prototype.isIntialed = true;
}
//倒计时计时器
var self = this;
this.objElement = objElement;
this.strHtml = strHtml;
this.yuTimeSpan = yuTimeSpan;
this.endFunc = endFunc;
this.interTime = 60;
this.interval = setInterval(function(){
self.yuTimeSpan = self.yuTimeSpan - self.interTime;
var isStop = self.formateTime(self.objElement,self.strHtml,self.yuTimeSpan,self.endFunc);
if(isStop){
clearInterval(self.interval);
}
}, self.interTime);
}

$(function(){
//计时器
var timer = new initialTimer($("#countdownNum")[0],"{mm}:{ss}:{SS}",parseInt($("#countdownNum").attr("time")),function(){
console.log("已结束!");
});

});

时间: 2024-10-13 22:43:12

js 毫秒计时器的相关文章

JS倒计时器一只

1 window.onload = function(){ 2 var uS = 604800; //后台提供 : 秒 3 var day=hour=minute=second=0, timer; 4 var demo = document.getElementById("demo"); 5 //秒数转为 日:时:分:秒 6 uS==0 || (uS<86400||(day=Math.floor(uS/86400), uS=uS%86400)) 7 && uS==

js函数:setInterval()/clearInterval()——js网页计时器

一.setInterval()/clearInterval()技术学习 都是window对象的方法,可以直接使用. setInterval(function(){},1000);:每1000毫秒执行一次函数: clearinterval(item);:清除setInterval()函数的设置,其中item是setInterval()的返回对象,例如:var item = setInterval(); 二.页面计时器 html页面中: <head> <script type="t

html css js 时钟 计时器

时钟 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title>    <script>      var _hmt = _hmt || [];      (function() {       var hm = document.createElement("script"

原生js实现计时器

文章地址  https://www.cnblogs.com/sandraryan/ 点击开始计时,可以计次,暂停.点了暂停可以继续计时,计次,点击重置清空. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,

js 毫秒转日期(yy-MM-dd hh:mm:ss)

var seconds = "133343241342";//毫秒数 var objtime = new Date();//声明一个日期内建函数 objtime.setTime(seconds); objtime.getFullYear();//得到年份 objtime.getMonth();//得到月份 objtime.getDate();//得到日期 objtime.getHours();//得到小时 objtime.getMinutes();//得到分钟 objtime.getS

js 毫秒转换为标准时间

function dateForm(time){ var unixTimestamp = new Date( 1477386005*1000 ); commonTime = unixTimestamp.toLocaleString(); } Date.prototype.toLocaleString = function() { return this.getFullYear() + "/" + (this.getMonth() + 1) + "/" + this.

js复习-计时器随笔

<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>定时器</title><script type="text/javascript"> var attime=setInterval(clock,1000); fun

[原创作品]一个实用的js倒计时器 postby:zhutty.cnblogs.com

今天做了一个手机短信发送倒计时,额,就是每隔多长时间可以重新发送的功能.贡献出来给园有吐槽点评. //倒计时,time:时长(秒),scb:每秒回调,cb:计时完成回调 var timing = function (time, scb, cb) { var _time = time; var sid = setInterval(function(){ scb(--_time) },1000); setTimeout(function(){ clearInterval(sid); cb(); },

js 毫秒 转 时间 日期 yyyy-mm-dd hh-mm-ss

//格式化时间 var format = function(time, format){ var t = new Date(time); var tf = function(i){return (i < 10 ? '0' : '') + i}; return format.replace(/yyyy|MM|dd|HH|mm|ss/g, function(a){ switch(a){ case 'yyyy': return tf(t.getFullYear()); break; case 'MM'