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 

相关文章： 韩国网站服务器搭建指南：VPS选购、域名解析与DNS配置推荐  建站之星后台管理系统如何操作？  如何快速选择适合个人网站的云服务器配置？  如何在Windows 2008云服务器安全搭建网站？  家庭建站与云服务器建站，如何选择更优？  品牌网站制作公司有哪些,买正品品牌一般去哪个网站买？  如何制作算命网站,怎么注册算命网站？  怀化网站制作公司,怀化新生儿上户网上办理流程？  昆明高端网站制作公司,昆明公租房申请网上登录入口？  建站主机如何安装配置？新手必看操作指南  台州网站建设制作公司,浙江手机无犯罪记录证明怎么开？  黑客如何利用漏洞与弱口令入侵网站服务器？  网站按钮制作软件,如何实现网页中按钮的自动点击？  湖北网站制作公司有哪些,湖北清能集团官网？  专业公司网站制作公司,用什么语言做企业网站比较好？  广州网站建站公司选择指南：建站流程与SEO优化关键词解析  如何选择高效可靠的多用户建站源码资源？  淘宝制作网站有哪些,淘宝网官网主页？  建站主机与服务器功能差异如何区分？  c++ stringstream用法详解_c++字符串与数字转换利器  如何在宝塔面板中创建新站点？  如何在阿里云虚拟主机上快速搭建个人网站？  如何用美橙互联一键搭建多站合一网站？  如何在阿里云虚拟服务器快速搭建网站？  网站制作报价单模板图片,小松挖机官方网站报价？  如何在服务器上配置二级域名建站？  如何快速生成专业多端适配建站电话？  建站之星后台管理如何实现高效配置？  如何在IIS7上新建站点并设置安全权限？  北京企业网站设计制作公司,北京铁路集团官方网站？  简易网站制作视频教程,使用记事本编写一个简单的网页html文件？  广州网站制作公司哪家好一点,广州欧莱雅百库网络科技有限公司官网？  北京网站制作的公司有哪些,北京白云观官方网站？  建站主机选哪种环境更利于SEO优化？  如何通过老薛主机一键快速建站？  如何快速搭建高效WAP手机网站？  Python路径拼接规范_跨平台处理说明【指导】  如何制作新型网站程序文件,新型止水鱼鳞网要拆除吗？  制作ppt免费网站有哪些,有哪些比较好的ppt模板下载网站？  如何快速生成凡客建站的专业级图册？  网站网页制作专业公司,怎样制作自己的网页？  建站之星多图banner生成与模板自定义指南  建站之星安装需要哪些步骤及注意事项？  如何在局域网内绑定自建网站域名？  武汉网站设计制作公司,武汉有哪些比较大的同城网站或论坛，就是里面都是武汉人的？  如何在宝塔面板中修改默认建站目录？  如何在Golang中指定模块版本_使用go.mod控制版本号  linux top下的 minerd 木马清除方法  如何在宝塔面板创建新站点？  建站之星Pro快速搭建教程：模板选择与功能配置指南