开启辅助访问 切换到宽版

精易论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

用微信号发送消息登录论坛

新人指南 邀请好友注册 - 我关注人的新帖 教你赚取精币 - 每日签到


求职/招聘- 论坛接单- 开发者大厅

论坛版规 总版规 - 建议/投诉 - 应聘版主 - 精华帖总集 积分说明 - 禁言标准 - 有奖举报

查看: 1735|回复: 8
收起左侧

[JS例程分享] js 实现简单的多列倒计时

[复制链接]

结帖率:100% (6/6)
发表于 2015-4-15 12:38:12 | 显示全部楼层 |阅读模式   上海市上海市

var intDiff = parseInt(detail.mytime);//倒计时总秒数量
var Saad = Person(intDiff,k);
function Person(intDiff,key){
      window.setInterval(function(){
        var day=0,
                       hour=0,
            minute=0,
            second=0;//时间默认值        
            if(intDiff > 0){
                day = Math.floor(intDiff / (60 * 60 * 24));
                hour = Math.floor(intDiff / (60 * 60)) - (day * 24);
                minute = Math.floor(intDiff / 60) - (day * 24 * 60) - (hour * 60);
                second = Math.floor(intDiff) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60);
            }
            if(intDiff < 0){
                window.location.reload()
                return;
            }
              
                  if (minute <= 9) minute = '0' + minute;
                  if (second <= 9) second = '0' + second;
                  $('#day_show').html(day+"天");
                  $('#hour_show').html('<s id="h"></s>'+hour+'时');
                  $('#minute_show').html('<s></s>'+minute+'分');
                  $('#second_show').html('<s></s>'+second+'秒');
                  intDiff--;
              }, 1000);
}

js 获取时间只能获取到客户Duan,因此很不安全,
通常使用服务端语言获取
<?php
date_default_timezone_set('PRC');
千万别忘了东八区

$nowtime=strtotime(date('H:i:s', time()));  //我当前的时间
$youtime=$value['ActiveFrom'];              //活动开始的时间
$ActiveTo=$value['ActiveTo'];               //活动结束的时间

计算出秒数,在前段即可倒计时,K为你遍历出来的键

评分

参与人数 1好评 +1 精币 +2 收起 理由
小凡じ亦匿名 + 1 + 2 我来给你好评的

查看全部评分

结帖率:70% (57/81)
发表于 2015-4-16 22:19:06 | 显示全部楼层   江西省赣州市
来看看 ,支持下
回复 支持 反对

使用道具 举报

结帖率:99% (509/514)

签到天数: 10 天

发表于 2015-4-15 15:08:10 | 显示全部楼层   重庆市重庆市
我也来学习下,谢谢楼主
回复 支持 反对

使用道具 举报

结帖率:0% (0/3)

签到天数: 2 天

发表于 2015-4-15 14:44:14 | 显示全部楼层   广东省广州市
看看学习!!
回复 支持 反对

使用道具 举报

结帖率:0% (0/1)
发表于 2015-4-15 13:00:17 | 显示全部楼层   广东省江门市
谢谢分享!
回复 支持 反对

使用道具 举报

结帖率:100% (6/6)
 楼主| 发表于 2015-4-15 12:54:10 | 显示全部楼层   上海市上海市

这样总部装逼了把 好歹认识这么久了 加个好评吧
回复 支持 反对

使用道具 举报

结帖率:75% (3/4)

签到天数: 1 天

发表于 2015-4-15 12:48:12 | 显示全部楼层   河南省新乡市
快快快快快快快看看
回复 支持 反对

使用道具 举报

结帖率:100% (3/3)

签到天数: 3 天

发表于 2015-4-15 12:47:34 | 显示全部楼层   四川省成都市
可以来学习下
回复 支持 反对

使用道具 举报

结帖率:85% (28/33)
发表于 2015-4-15 12:44:38 | 显示全部楼层   山东省临沂市
可以来学习下
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则 致发广告者

发布主题 收藏帖子 返回列表

sitemap| 易语言源码| 易语言教程| 易语言论坛| 易语言模块| 手机版| 广告投放| 精易论坛
拒绝任何人以任何形式在本论坛发表与中华人民共和国法律相抵触的言论,本站内容均为会员发表,并不代表精易立场!
论坛帖子内容仅用于技术交流学习和研究的目的,严禁用于非法目的,否则造成一切后果自负!如帖子内容侵害到你的权益,请联系我们!
防范网络诈骗,远离网络犯罪 违法和不良信息举报电话0663-3422125,QQ: 793400750,邮箱:wp@125.la
Powered by Discuz! X3.4 揭阳市揭东区精易科技有限公司 ( 粤ICP备12094385号-1) 粤公网安备 44522102000125 增值电信业务经营许可证 粤B2-20192173

快速回复 返回顶部 返回列表