jquery实现一个全局计时器(商城可用)

本文实例为大家分享了商城一类都可以使用的jquery全局计时器，供大家参考，具体内容如下

实现思路

遍历所有待计时元素，添加一个setInterval计时函数，每隔X秒执行更新计时操作（中间可能还有格式化时间操作）。

代码实现

ps:JQ元素通过arr[i]取值时会转变成DOM元素,dom元素和JQ之间转换用 $（arr[i]）

获取所有待计时元素

var arrList =$(".stime");
setInterval(function(){
 //遍历数组
 for(var i = 0,l = arrList.length; i<l ;i++ ){
  var elem = arrList[i];
  //格式化时间插入HTML文档
  $(elem).html(DateDiff( new Date(), new Date($(elem).attr("time") ), elem ));
 }
},1000);

计算时间函数，可倒可正

ps:如果是Java后台传过来的时间，注意下时间格式，这里已经做了处理（是个坑点）；

/*DateDiff 处理*/
function DateDiff(t1, t2, elem){
 //GTM CST 时间相差14小时 
 var diff = t1.setHours(t1.getHours()+14) - Date.parse(t2);
 //超过一天显示warning色
 if(diff>(1000*60*60*24)){
  $(elem).css({color:"rgb(247, 186, 42)"});
 }
 return ShowTime(diff);
}

显示处理函数，可自行选择精确度

不需要，注释掉即可

/*fuc 计时显示处理*/
function ShowTime(ms){
 var obj = {
  "天" : 1000*60*60*24,
  "时" : 1000*60*60,
  "分" : 1000*60
  /*
  "秒" : 1000
  */
 };
 var tmp = ms;
 var str = "";
 for( var i in obj ){
  //向下取整 1.5天 => 1天
  s = Math.floor( tmp / obj[i] );
  tmp = tmp % obj[i];
  str += s+i;
 }
 return str;
}

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

# jquery  # 全局计时器  # 计时器  # 使用jquery读取html5 localstorage的值的方法  # jQuery访问浏览器本地存储cookie、localStorage和sessionStorage的  # jQuery timers计时器简单应用说明  # 基于JQuery.timer插件实现一个计时器  # jquery 显示*天*时*分*秒实现时间计时器  # 基于jquery插件编写countdown计时器  # jQuery实现简单的计时器功能实例分析  # sliderToggle在写jquery的计时器setTimeouter中不生效  # jQuery实现倒计时功能 jQuery实现计时器功能  # 利用jQuery+localStorage实现一个简易的计时器示例代码  # 遍历  # 是个  # 不需要  # 可以使用  # 大家分享  # 每隔  # 具体内容  # 大家多多  # 转变成  # 文档  # class  # brush  # js  # pre  # color  # var  # lt  # elem  # span 

相关文章： 建站之星安装失败：服务器环境不兼容？  宁波自助建站系统如何快速打造专业企业网站？  网站视频制作书签怎么做,ie浏览器怎么将网站固定在书签工具栏？  如何快速使用云服务器搭建个人网站？  百度网页制作网站有哪些,谁能告诉我百度网站是怎么联系？  如何通过cPanel快速搭建网站？  公司网站制作费用多少,为公司建立一个网站需要哪些费用？  建站主机空间推荐 高性价比配置与快速部署方案解析  广州营销型建站服务商推荐：技术优势与SEO优化解析  制作ppt免费网站有哪些,有哪些比较好的ppt模板下载网站？  简单实现Android文件上传  C++如何将C风格字符串（char*）转换为std::string？（代码示例）  网站制作大概多少钱一个,做一个平台网站大概多少钱？  济南网站建设制作公司,室内设计网站一般都有哪些功能？  如何用景安虚拟主机手机版绑定域名建站？  电视网站制作tvbox接口,云海电视怎样自定义添加电视源？  专业企业网站设计制作公司,如何理解商贸企业的统一配送和分销网络建设？  建站之星安装步骤有哪些常见问题？  如何在云主机快速搭建网站站点？  如何在万网ECS上快速搭建专属网站？  建站org新手必看：2024最新搭建流程与模板选择技巧  已有域名和空间，如何快速搭建网站？  建站之星后台搭建步骤解析：模板选择与产品管理实操指南  如何访问已购建站主机并解决登录问题？  如何通过远程VPS快速搭建个人网站？  东莞市网站制作公司有哪些,东莞找工作用什么网站好？  专业制作网站的公司哪家好,建立一个公司网站的费用.有哪些部分,分别要多少钱？  建站之星代理如何优化在线客服效率？  模具网站制作流程,如何找模具客户？  网站制作模板下载什么软件,ppt模板免费下载网站？  建站三合一如何选？哪家性价比更高？  如何注册花生壳免费域名并搭建个人网站？  武汉网站制作费用多少,在武汉武昌，建面100平方左右的房子，想装暖气片，费用大概是多少啊？  红河网站制作公司,红河事业单位身份证如何上传？  建站之星伪静态规则如何正确配置？  电脑免费海报制作网站推荐,招聘海报哪个网站多？  南京网站制作费用,南京远驱官方网站？  c++怎么使用类型萃取type_traits_c++ 模板元编程类型判断【方法】  ,网页ppt怎么弄成自己的ppt？  建站之星安装后如何自定义网站颜色与字体？  魔毅自助建站系统：模板定制与SEO优化一键生成指南  如何通过山东自助建站平台快速注册域名？  如何挑选优质建站一级代理提升网站排名？  广平建站公司哪家专业可靠？如何选择？  开封网站制作公司,网络用语开封是什么意思？  如何通过西部建站助手安装IIS服务器？  如何快速搭建支持数据库操作的智能建站平台？  存储型VPS适合搭建中小型网站吗？  公司门户网站制作公司有哪些,怎样使用wordpress制作一个企业网站？  建站之星会员如何解锁更多建站功能？