js团购倒计时

客户端代码可以看:

http://www.zhangxinxu.com/wordpress/2010/07/%E5%9B%A2%E8%B4%AD%E7%B1%BB%E7%BD%91%E7%AB%99%E5%80%92%E8%AE%A1%E6%97%B6%E7%9A%84js%E5%AE%9E%E7%8E%B0/

/* by zhangxinxu 2010-07-27
* http://www.zhangxinxu.com/
* 倒计时的实现
*/
var fnTimeCountDown = function(d, o){
    var f = {
        zero: function(n){
            var n = parseInt(n, 10);
            if(n > 0){
                if(n <= 9){
                    n = "0" + n;
                }
                return String(n);
            }else{
                return "00";
            }
        },
        dv: function(){
            d = d || Date.UTC(2050, 0, 1); //如果未定义时间,则我们设定倒计时日期是2050年1月1日
            var future = new Date(d), now = new Date();
            //现在将来秒差值
            var dur = Math.round((future.getTime() - now.getTime()) / 1000) + future.getTimezoneOffset() * 60, pms = {
                sec: "00",
                mini: "00",
                hour: "00",
                day: "00",
                month: "00",
                year: "0"
            };
            if(dur > 0){
                pms.sec = f.zero(dur % 60);
                pms.mini = Math.floor((dur / 60)) > 0? f.zero(Math.floor((dur / 60)) % 60) : "00";
                pms.hour = Math.floor((dur / 3600)) > 0? f.zero(Math.floor((dur / 3600)) % 24) : "00";
                pms.day = Math.floor((dur / 86400)) > 0? f.zero(Math.floor((dur / 86400)) % 30) : "00";
                //月份,以实际平均每月秒数计算
                pms.month = Math.floor((dur / 2629744)) > 0? f.zero(Math.floor((dur / 2629744)) % 12) : "00";
                //年份,按按回归年365天5时48分46秒算
                pms.year = Math.floor((dur / 31556926)) > 0? Math.floor((dur / 31556926)) : "0";
            }
            return pms;
        },
        ui: function(){
            if(o.sec){
                o.sec.innerHTML = f.dv().sec;
            }
            if(o.mini){
                o.mini.innerHTML = f.dv().mini;
            }
            if(o.hour){
                o.hour.innerHTML = f.dv().hour;
            }
            if(o.day){
                o.day.innerHTML = f.dv().day;
            }
            if(o.month){
                o.month.innerHTML = f.dv().month;
            }
            if(o.year){
                o.year.innerHTML = f.dv().year;
            }
            setTimeout(f.ui, 1000);
        }
    };
    f.ui();
};

注意:

getTimezoneOffset() 使用,可返回格林威治时间和本地时间之间的时差,以分钟为单位。要得到秒*60.

getTimezoneOffset() 方法返回的是本地时间与 GMT 时间或 UTC 时间之间相差的分钟数。实际上,该函数告诉我们运行 JavaScript 代码的时区,以及指定的时间是否是夏令时。

返回之所以以分钟计,而不是以小时计,原因是某些国家所占有的时区甚至不到一个小时的间隔。

北京显示:

d.getTimezoneOffset()

-480

一篇文章:

最近做了一个房产的秒杀,团购的电子商务网站(房子也有秒杀,出手不小啊),其中里面有一个秒杀的倒计时展示,主要是判断当前时间距离秒杀开始还有多少时间,还有秒杀开始和秒杀结束的各种展示。

其中最主要的一点就是所谓的当前时间不能使用浏览器通过new Date()获取的客户端时间,这样只要用户修改了自己的机器时间那么倒计时就会乱透了,所以这个当前时间必须使用的是服务器时间,所以采用的是静态缓存页面所以这个当前时间使用ajax方式进行获取

参考:http://www.blogjava.net/dongbule/archive/2012/01/10/368229.html

时间: 2024-08-25 23:30:46

js团购倒计时的相关文章

jquery组件团购倒计时功能(转)

? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 <!doctype html> <html> <head>     <meta charset="utf-8">     <title&g

【JQuery插件】团购倒计时

案例截图 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv=&q

js实现倒计时 类似团购网站

一.demo与效果展示 为节约时间,我就直接套用了企鹅团的界面作为demo的背景.因为是倒计时,所以需要一个固定的时间,为了n年后,某位仁兄打开demo页面依然在倒计时,所以我把倒计时时间设成了2050年7月30日中午12点整,还有40年才到,因为年代较长,所以有必要显示剩余年份与月份.所以,最后demo页面的效果如下图所示: 您可以狠狠地点击这里:团购倒计时demo 二.使用 倒计时其实就是Date类的一些计算与处理,主要是些繁琐的工作.为了省掉他人的功夫以及方便后来的使用,我已经将倒计时主要

jquery倒计时(仿团购)转至 http://justcoding.iteye.com/blog/2210962

倒计时一般是用来表示未来某一时刻距现在时刻还剩多少时间.倒计时在WEB上应用非常广泛,如考试系统倒计时,团购网站中的优惠活动倒计时等等.今天,我们来使用jQuery实现一个简单的倒计时功能. 本文以团购网站的倒计时为背景,我们知道,网站会给每个优惠活动(商品)定一个结束时间,也就是到期时间,但系统时间到达了结束时间,就意味着活动结束.因此,我们在HTML中就要定义活动的结束时间. <ul class="prolist"> <li><img src=&quo

闪购活动js 【一个倒计时接一个倒计时活动】

封装倒计时js -闪购活动(一个倒计时接一个倒计时活动) 闪购活动 上个活动结束 下个活动接着开始 以此类推[技术要点:时间的连续]的js代码 应用场景:手机端商城,几分钟活动,手指左右滑动界面到另一个倒计时活动(要求:第一个倒计时活动后,第二个倒计时活动才开始,以此类推) 代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD

团购客户端练习(一:思考一下)

团购app项目练习 因为以后工作的关系 练习下没坏处 看了几家团购网站提供的api 都是不全的信息 提供给第三方团购导航网站的 联系一下也无妨 api里东西少的可怜 而且api是一个xml文件 木有开发者文档之类的说明 有些东西只能靠猜才知道是什么 一个城市列表 一个商品详情 就这样 一个坑开始了 首先还是从xml文件入手了 一个城市大约30M左右 一个问题粗线了 看了一下别的demo 有人是全部加载完解析 而且网站限速是160K左右 算一算大约是30M*1024/160K=192s 大约3分钟

天天团购系统--部分模板语法

模板都放在templates目录下,默认是 templates /default目录是大部份模板,后台模板就相应在 templates /admin, templates/html下是一些模块代码需要生成的html模板, 例如 填写收货地址页面的,点击添加地址后,弹出来的一个填写地址的层.header.footer.detail(内容页),deals(往期团购)等, 然 而主页中的团购列表模板却是在html/igos/meituan/index.html,一开始还真没找到,多次调试才发现. 部分

【团购巨划算】韩立刚老师门徒级学习专题,只此一次的超大优惠福利

Q:韩立刚老师是谁? A:韩老师是51CTO金牌讲师(最高级别),也是微软最有价值专家MVP.微软企业护航专家.<计算机网络原理>一书作者 讲师主页:http://edu.51cto.com/lecturer/400469.html Q:门徒级学习专题是什么? A:韩立刚老师门徒级课程专题(Windows Server+网络安全+数据库) 韩老师从2013年至今,根据企业对IT运维人才的技术要求,录制视频教程49 门,时长达581小时50分钟.旨在从0起点培养企业高端IT人才,让你在企业IT部

众筹、拼团购以次充好 平台能脱责吗?

纵观国内整个众筹发展史,其实时间并不算长.但就是在这极短的时间中,却吸引了千万用户的注意力和投资.无论是股权众筹.产品众筹.金融众筹抑或慈善众筹等,都有着一大批拥趸.就目前来看,众筹给大众的感觉就是"以小搏大".虽然不像彩票那样一本万利,但投入较少的钱就能够获得股权.超值产品等,怎么看就比较划算. 然而,就是有人利用大众贪小便宜的心理,将众筹这一原本为梦想加油鼓劲的事活生生地变成乱哄哄的团购,并借机骗取钱财.而在近日多次曝光的众筹骗局中,很多投资者在无法与众筹发起者直接联系.维权的情况