最新活动温馨提示:99元终身VIP,整站资源免费下载!
头像

jQuery仿京东商城商品秒杀倒计时代码

来源:http://www.erdangjiade.com/js/8858.html 二当家的 2019-08-27 11:13浏览(47)

最近写的一款jQuery仿京东商城商品秒杀倒计时代码,大家都超级喜欢,js时间特效。

1、请不要问“在不在”之类的问题,有问题直接问!2、学生或暂时没有工作的童鞋,99元整站资源免费下载!3、充值VIP会员,整站资源无任何限制下载!5、程序员加油,交流群:368848856 在线 充值

jQuery仿京东商城商品秒杀倒计时代码
分类:日期时间 > 倒计时 难易:
查看演示 下载资源: 2

关注微信号获取此Demo视频教程:

下载资源 下载积分: 10 积分
script src="js/jquery.min.js"></script>
<script type="text/javascript">
	$(document).ready(function () {
		var oDate = new Date();
		var nowTime = oDate.getTime(); //现在的毫秒数
		oDate.setDate(oDate.getDate() + 1); // 设定截止时间为第二天
		var targetDate = new Date(oDate.toLocaleDateString());
		run(targetDate);
	});

	function run(enddate) {
		getDate(enddate);
		setInterval("getDate('" + enddate + "')", 500);
	}

	function getDate(enddate) {
		var oDate = new Date(); //获取日期对象

		var nowTime = oDate.getTime(); //现在的毫秒数
		var enddate = new Date(enddate);
		var targetTime = enddate.getTime(); // 截止时间的毫秒数
		var second = Math.floor((targetTime - nowTime) / 1000); //截止时间距离现在的秒数

		var day = Math.floor(second / 24 * 60 * 60); //整数部分代表的是天;一天有24*60*60=86400秒 ;
		second = second % 86400; //余数代表剩下的秒数;
		var hour = Math.floor(second / 3600); //整数部分代表小时;
		second %= 3600; //余数代表 剩下的秒数;
		var minute = Math.floor(second / 60);
		second %= 60;
		var spanH = $('.se-txt')[0];
		var spanM = $('.se-txt')[1];
		var spanS = $('.se-txt')[2];

		spanH.innerHTML = tow(hour);
		spanM.innerHTML = tow(minute);
		spanS.innerHTML = tow(second);
	}

	function tow(n) {
		return n >= 0 && n < 10 ? '0' + n : '' + n;
	}
</script>
声明:本文为原创文章,如需转载,请注明来源erdangjiade.com并保留原文链接:https://www.erdangjiade.com/js/8858.html
评论8
头像

友情提示:垃圾评论一律封号 最新福利:领取阿里云限量2000通用代金券

  • 头像 7楼
    22小时前 10:03
    tian0922
    在我们能掌控和拼搏的时间里,去提升我们生命的质量。
  • 头像 6楼
    09-13 09:50
    tian0922
    一个人只要强烈地坚持不懈地追求,他就能达到目的。
  • 头像 5楼
    09-12 09:13
    tian0922
    宝剑锋从磨砺出,梅花香自苦寒来。
  • 头像 4楼
    09-10 09:27
    tian0922
    方法能提高效率,恒心能保证几率,坚持下去,才有机会成功。
  • 头像 3楼
    09-09 10:06
    tian0922
    .立志难也,不在胜人,在自胜。
  • 头像 板凳
    09-02 09:17
    tian0922
    无所求则无所获。
  • 头像 椅子
    08-31 09:26
    tian0922
    .要随波逐浪,不可随波逐流。
  • 头像 沙发
    08-27 13:11
    tian0922
    一个细节足以改变一生。
1 2