js倒计时代码 适合于促销-倒计时代码

<div class="tiem_price clearfix fonts" style="margin-top:15px;">
  <div class="clockContainer clockContainer1 fl relative" id="38zhe"> <span class="day fl timer">00</span><em class="tag fl">天</em> <span class="hour fl timer">00</span><em class="tag fl">时</em> <span class="minute fl timer">00</span><em class="tag fl">分</em> <span class="second fl timer">00</span><em class="tag fl">秒</em> </div>
  <div class="youhuiPrice relative fr">原价:3800元/次</div>
</div>

 

<script>
    $(function(){
        countDown("2016/3/3  12:00:00","#38zhe");
        countDown("2016/3/31 12:00:00","#0tuo");
    });
</script> 
js 方法function countDown(time,id){   var day_elem=$(id).find(‘.day‘);   var hour_elem=$(id).find(‘.hour‘);   var minute_elem=$(id).find(‘.minute‘);   var second_elem=$(id).find(‘.second‘);   var end_time = new Date(time).getTime();   var sys_second = (end_time-new Date().getTime())/1000;   var timer = setInterval(function(){      if(sys_second>1) {         sys_second-=1;         var day=Math.floor((sys_second/3600)/24);         var hour=Math.floor((sys_second/3600)%24);         var minute=Math.floor((sys_second/60)%60);         var second=Math.floor(sys_second%60);         $(day_elem).text(day);         $(hour_elem).text(hour<10?"0"+hour:hour);         $(minute_elem).text(minute<10?"0"+minute:minute);         $(second_elem).text(second<10?"0"+second:second);      }      else {         clearInterval(timer);      }   }, 1000);}
时间: 2024-08-24 10:16:45

js倒计时代码 适合于促销-倒计时代码的相关文章

Angular.js 使用获取验证码按钮实现-倒计时

获取验证码界面效果如图: 需要实现以下逻辑 按钮不可选 --输入电话号码,按钮可选 --点击获取,进入倒计时,按钮不可选 --倒计时结束,回到初识状态 核心代码: var cd = 60; var toDo = function() { cd--; $scope.countDown = "重新获取 " + cd; }; $interval(toDo, 1000, 60); 完整代码: html: <form name="form" class="fo

js实现浮点数保留两位小数代码

js实现浮点数保留两位小数代码:过浮点数小数点后面的数字太长的话,可能需要进行截取操作,下面是一段这样的实例代码和大家分享一下.代码如下: var num=3.1415926; console.log(num.toFixed(2)) 以上代码比较简单,这里就多介绍了,具体可以参阅javascript的Number对象的toFixed()方法一章节. 原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=11735 更多内容可以参阅:h

js实现的div拖动效果实例代码

js实现的div拖动效果实例代码:div的拖动效果在很多效果中都有应用,当然还有很多附加的功能,本章节只是给拖动效果,并介绍一下它的实现过程.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <t

JS实现点击按钮复制指定代码大全

<br><br>一.点击复制文本框内容的代码:<br><br> <script type="text/javascript"> function jsCopy(){ var e=document.getElementById("content");//对象是content e.select(); //选择对象 document.execCommand("Copy"); //执行浏览器复制

JS检测移动端横竖屏的代码

这篇文章主要介绍了JS检测移动端横竖屏的代码,需要的朋友可以参考一下 使用media来判断屏幕宽度遇到的问题: ios上当我旋转屏幕的时候可行,但是安卓机上没反应,横屏显示的还是我竖屏的样式. 查了一下资料,css3的media如果要在移动端有较好的显示效果,需要在页头加上这段代码 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-s

js对数组元素大小排序实例代码

js对数组元素大小排序实例代码:在实际应用中,有时候需要对数组中的元素按照大小来进行排序,当然是先排序的方法有多种,比如使用数组对象自带的sort()方法,本章节再来分享一种其他的方式,先看代码实例: var org=[5,4,3,2,1,6,7,9,8,10]; var tempArr=new Array(); for(var i=0;i<org.length;i++) { if(i==0) { tempArr[0]=org[0]; //把第一个元素放到新序列 } else { for(var

JS实现转动随机数抽奖的特效代码

JS实现转动随机数抽奖的特效代码 大家都玩过抽奖游戏,或者梦想抽到大奖吧.可是有没有想过抽奖游戏是怎么实现的呐?今天就给大家分享一款转动随机数抽奖的JS特效代码. 实现代码例如以下 <!Doctype html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=GBK"> <script src="htt

一段经典的js命名空间创建和链式调用代码

var YourGlobal = { namespace: function(ns) { var parts = ns.split('.'), object = this, i, len; for(i =0, len=parts.length; i<len; i++) { if(!object[parts[i]]) { object[parts[i]] = {}; } object = object[parts[i]]; } return object; } }; YourGlobal.name

js实现html模版,几句代码的事

最近工作上有个项目遇到一个问题,就是页面的内容都是从后台给的接口中读取的,在js代码中就将html代码与读取的内容拼接,然后插到html中,如下: 这种方法也常见,但架不住多呀,页面上所有的内容都是这样的话,那js里面的html代码就不是一般的多了,不仅破坏了页面逻辑,也不方便维护.那么这么多的内容需要填充到页面中,用什么办法呢,对,完全可以学习后台的程序那样,例如:{{voild.filed1}} ,{vo:field.body/},{$v[title]}等等多种形式的,无一不是“模版”,那么