两款倒计时,总有一款适合你

  • 内容
  • 相关

两款倒计时介绍

第一种,不会刷新重置倒计时!

第二种,不会刷新重置倒计时,且在你设定的时间倒计时完成之后,会在你设定的天数基础上,再次循环倒计时,适合用于京东淘宝倒计时。

示例图

代码展示

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>两款倒计时倒计时</title>
		<link rel="shortcut icon" href="http://www.prm612.top/favicon.ico">
		<script src="http://www.prm612.top/content/templates/FLY/js/jquery.min.js?v=6.0.1"></script>
	</head>
	<body>
		<!-- 第一个 -->
		六十二博客提醒您-距离2019年还有:<span id="span_dt_dt" style='border:2px solid black;background-color:#ffc252'></span>
		<script type="text/javascript">
			function show_time() {
				window.setTimeout("show_time()", 1000);
				BirthDay = new Date("2019-1-1"); //改成你的计时日期
				today = new Date();
				timeold = (BirthDay.getTime() - today.getTime());
				sectimeold = timeold / 1000;
				secondsold = Math.floor(sectimeold);
				msPerDay = 24 * 60 * 60 * 1000;
				e_daysold = timeold / msPerDay;
				daysold = Math.floor(e_daysold);
				e_hrsold = (e_daysold - daysold) * 24;
				hrsold = Math.floor(e_hrsold);
				e_minsold = (e_hrsold - hrsold) * 60;
				minsold = Math.floor((e_hrsold - hrsold) * 60);
				seconds = Math.floor((e_minsold - minsold) * 60);
				span_dt_dt.innerHTML = daysold + "天" + hrsold + "小时" + minsold + "分" + seconds + "秒";
			}
			show_time();
		</script>
		<br>
		<!-- 第二个 -->
		<span class="wz" id="wz">2019年,新年倒计时!
			<span id="times_day"></span><span>天</span>
			<span id="times_hour"></span><span>时</span>
			<span id="times_minute"></span><span>分</span>
			<span id="second"></span><span>秒</span>
		</span>
		<script>
			/* 倒计时时间,每隔7天重新开始倒计时 */
			setTimeout("count_down()", 1000);//设置每一秒调用一次倒计时函数
			//根据天,时,分,秒的ID找到相对应的元素
			var time_day = document.getElementById("times_day");
			var time_hour = document.getElementById("times_hour");
			var time_minute = document.getElementById("times_minute");
			var time_second = document.getElementById("second");
			var time_end = new Date("2019/01/01 00:00:00");  // 设定活动结束结束时间
			time_end = time_end.getTime();
		
			//定义倒计时函数
			function count_down() {
				var time_now = new Date();  // 获取当前时间
				time_now = time_now.getTime();
				var time_distance = time_end - time_now;  // 时间差:活动结束时间减去当前时间
				var int_day, int_hour, int_minute, int_second;
				if (time_distance >= 0) {
					// 相减的差数换算成天数
					int_day = Math.floor(time_distance / 86400000);
					time_distance -= int_day * 86400000;
					// 相减的差数换算成小时
					int_hour = Math.floor(time_distance / 3600000);
					time_distance -= int_hour * 3600000;
					// 相减的差数换算成分钟
					int_minute = Math.floor(time_distance / 60000);
					time_distance -= int_minute * 60000;
					// 相减的差数换算成秒数
					int_second = Math.floor(time_distance / 1000);
		
					// 判断小时小于10时,前面加0进行占位
					if (int_hour < 10)
						int_hour = "0" + int_hour;
					// 判断分钟小于10时,前面加0进行占位
					if (int_minute < 10)
						int_minute = "0" + int_minute;
					// 判断秒数小于10时,前面加0进行占位
					if (int_second < 10)
						int_second = "0" + int_second;
					// 显示倒计时效果
					time_day.innerHTML = int_day;
					time_hour.innerHTML = int_hour;
					time_minute.innerHTML = int_minute;
					time_second.innerHTML = int_second;
					setTimeout("count_down()", 1000);
				} else {
					//指定的结束日期结束后,往后推迟7天,或者称之为:往后加7天
					//在这里可以非常灵活的设置:比如往后推迟2天或往后加2天:2*24*60*60*1000
					//比如往后推迟1天或往后加1天:1*24*60*60*1000
					//比如往后推迟2小时或往后加2小时:2*60*60*1000
					//比如往后推迟40分钟或往后加40分钟:40*1000这里设置根据需要,灵活设置。
					/* time_end = time_end + (7 * 24 * 60 * 60 * 1000);
					setTimeout("count_down()", 1000); */
					$("#wz").children().hide();
					document.getElementById("wz").innerText = "倒计时完成,2019年啦,祝大家新年快乐!";
				}
			}
		</script>
	</body>
</html>
< 六十二博客 >

本文标签:

版权声明: 若无特殊注明,本文皆为《 六十二丶 》原创,转载请保留文章出处。

本文链接: 两款倒计时,总有一款适合你 》 - https://prm612.top/post-178.html

解压说明: 如本站部分资源使用时需输入解压密码,本站所有资源的解压密码均默认为: prm612

收录情况: 百度暂未收录

站长QQ: 597782047 点击这里给我发消息 本网站的资源部分来源于网络,如有侵权,请 联系站长 进行删除处理。

本站留言 - 投诉建议: Email:597782047@qq.com 链接失效?( 点击提交 )请说明失效链接地址+名称

本站网址: https://prm612.top/

发表评论

电子邮件地址不会被公开。 必填项已用*标注

未显示?请点击刷新

允许邮件通知

评论

1条评论
  1. avatar

    自闭症

    Google Chrome 63.0.3239.132 Google Chrome 63.0.3239.132

    Windows 7 Windows 7

    回复

    感谢博主分享,选一款用用!

    北京市 鹏博士长城宽带

    正在加载...

    点击↑关闭 2019年,祝大家
    “诸”事吉祥!
    网站备案相关信息
    域名
    主办方名称
    主办单位性质
    主体备案号
    ICP备案号
    首页地址 https://prm612.top/ [备案查询]
    网站名称
    审核时间