版权声明:未经允许,请勿盗用 https://blog.csdn.net/qq_37916164/article/details/84965393
1:效果
2:html
<div class="weui-cell__ft">限时特卖
<!-- 时 分 秒-->
<span class="dingshi"></span>
<span class="dingshi"></span>
<span class="dingshi"></span>
</div>
3:js
<script src="js/jquery-2.1.4.min.js"></script>
<script>
function antitime() {
//在安卓上这样写可以获取到的---结束时间
var time="2018-12-12 23:59:59";
//但在苹果手机上是不支持的,必须这样写:
var to = new Date(time.replace(/-/g, "/"));
var now = new Date();
var deltaTime = to.getTime() - now.getTime();
//超时就停止倒计时
if (deltaTime <= 0) {
window.clearInterval(timer);
return;
}
var d= deltaTime / (1000 * 60 * 60 * 24);
var h = Math.floor(deltaTime / 1000 / 60 / 60 % 24);
var m = Math.floor(deltaTime / 1000 / 60 % 60);
var s = Math.floor(deltaTime / 1000 % 60);
//把时间的数字转成字符串, 如果时分秒不足10, 则前面补0
var timeStr = ""+ (h/10>=1?h=h:h="0"+h) + (m/10>=1?m=m:m="0"+m) + (s/10>=1?s=s:s="0"+s);
//console.log(timeStr);
//each循环遍历.num元素
$(".weui-cell__ft .dingshi").each(function(index, span) {
$(span).html(timeStr.substring(index, index+2));
if(index==1) $(span).html(timeStr.substring(2, 4));
if(index==2) $(span).html(timeStr.substring(4, 6));
//$(span).html();这个方法是用来设置span里面的值的
});
}
//每秒执行一次
var timer = setInterval(antitime, 1000);
</script>
4:css
<style>
.dingshi {
background: #000000;
color: #ffffff;
padding: 3px;
font-size: 13px;
}
</style>