没有合适的资源?快使用搜索试试~ 我知道了~
JS实现商城秒杀倒计时功能(动态设置秒杀时间)
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
5 下载量 47 浏览量
2020-10-15
21:39:44
上传
评论
收藏 40KB PDF 举报
温馨提示
主要介绍了JS实现商城秒杀倒计时功能(动态设置秒杀时间),本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
资源推荐
资源详情
资源评论
JS实现商城秒杀倒计时功能实现商城秒杀倒计时功能(动态设置秒杀时间动态设置秒杀时间)
主要介绍了JS实现商城秒杀倒计时功能(动态设置秒杀时间),本文通过实例代码给大家介绍的非常详细,具有
一定的参考借鉴价值,需要的朋友可以参考下
一年一度的双十二如期而至,今天的你买买买了吗,下面小编给大家分享一个动态秒杀倒计时功能。
效果图
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div id="noStart">活动未开始</div>
<div class="div1" id="startNow" style="display: none;">开始购买</div>
<div class="div2" id="stopNow" style="display: none;">活动结束</div>
<div>
<span class="content"></span>
<span class="botHours"></span>时
<span class="botMIn"></span>分
<span class="botSecond"></span>秒
</div>
</body>
</html>
<script src="js/jquery.min.js"></script>
<script>
$(function() {
fn()
function fn() {
var timer = setInterval(function() {
var start = '2019/03/13 00:00:00';
var StartTime = new Date(start);
var NowTime = new Date();
var day = NowTime.getDate();
var month = NowTime.getMonth() + 1;
var year = NowTime.getFullYear();
var tw = year + '/' + month + '/' + day + ' 09:00:00';
var ei = year + '/' + month + '/' + day + ' 10:00:00';
var tw1 = year + '/' + month + '/' + day +' 14:00:00';
var ei1 = year + '/' + month + '/' + day +' 15:00:00';
tw = new Date(tw).getTime();
ei = new Date(ei).getTime();
tw1 = new Date(tw1).getTime();
ei1 = new Date(ei1).getTime();
var EndTime = '';
if(NowTime < StartTime) {
EndTime = StartTime;
$('#stopNow').css('display', 'none');
$('#startNow').css('display', 'none');
$('#noStart').css('display', 'block');
$(".content").html("距离活动开始")
} else {
if(NowTime < tw) {
EndTime = tw;
$('#stopNow').css('display', 'none');
$('#startNow').css('display', 'none');
$('#noStart').css('display', 'block');
$(".content").html("距离活动开始剩余")
} else if(NowTime >= tw && NowTime < ei) {
EndTime = ei;
$('#stopNow').css('display', 'none');
$('#startNow').css('display', 'block');
$('#noStart').css('display', 'none');
$(".content").html("距离活动结束剩余")
}else if(NowTime < tw1){
EndTime =tw1;
$('#stopNow').css('display', 'none');
$('#startNow').css('display', 'none');
$('#noStart').css('display', 'block');
$(".content").html("距离活动开始剩余")
} else if(NowTime >= tw1 && NowTime < ei1) {
EndTime = ei1;
$('#stopNow').css('display', 'none');
$('#startNow').css('display', 'block');
资源评论
weixin_38517892
- 粉丝: 3
- 资源: 950
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功