后端
# 设置开始时间( 正常来说要数据库种的数据或者redis中的时间戳 ),这里是测试,所以写死了
$time = strtotime("2022-8-2 17:30:00");
# 获取当前时间戳
$time2 = time();
# 用设置好的时间戳减去当前时间戳 获得当前秒数
$time3 = $time - $time2;
# 返回秒数
return success(200,'时间更新成功',$time3);
前端
<div class="headBody">
<h1 class="seckillText">秒杀开始还剩:<span class="time"></span></h1>
<div class="goods">
<div class="goods">
<div class="goodsName">商品名称:{{$list['goods_name']}}</div>
</div>
<button class="seckillButton" disabled="disabled">暂未开始</button>
</div>
</div>
js
<script>
var seckill = setInterval(function () {
$.ajax({
url:'seckilltime',
dataType:'json',
success(result)
{
console.log(result)
if(result.data <= 0)
{
clearInterval(seckill)
// $('.seckillText').text('秒杀已经开始了!')
$('.seckillText').text('下课了!')
}
// 计算分钟数
var time = result.data/60;
// 向下取整
var m = parseInt(time);
// 用余数磨出秒数
var s = result.data%60;
// 返回时间
$('.time').text((Math.round(m*100)/100)+'分'+s)
}
})
// 一秒钟更新一次
},1000)
</script>