最新消息:文章中包含代码时,请遵守代码高亮规范!

倒计时在ios手机上的兼容性问题解决【原创】

JavaScript Niki 53浏览 0评论

在写倒计时的时候,一个倒计时很好写,但是写倒计时列表的时候,页面还有分页的情况下就需要考虑很多了

需要获取到每个列表的结束时间

这样我们需要变量来写了

var x = i + (page_now-1)*10;

其中page_now是当前页码(10是每页的条数,可根据实际情况定义)

<p class="countdown'+x+' daoji" data-end="' + goods_list[i].end_at + '" ></p>

这个ajax的js应该都会写,就不赘述了

这样每个列表的结束时间就都确定了

var start = new Array();
 var end = new Array();
 function conunt() {
 var leng = $('.goods-list-content-block').length;
 for(var i=0;i&lt;leng;i++){
 end[i] = $('.countdown'+i+'').data('end');
 start[i] =$('.countdown'+i+'').data('start');
 if(new Date(start[i])&lt;now){//距离开始时间
 start[i] = end[i];
 }
 }
 // 倒计时js样式
 for(var j=0;j&lt;leng;j++) {
// if(new Date(start[j])&gt;now) {
 $('.countdown' + j + '').downCount({
 date: start[j],
 offset: +8
 }, function () {}

倒计时的js,我使用的是插件,在网上可以自己下载一下

这样就可以完美的使用了,但是在ios上面没有倒计时的效果

就需要给所有的获取时间的js加上

.replace(/-/g,'/')

这句,把时间中所有的-,换成/

这样就可以解决了,自己已经试过了,完全可行

转载时请注明出处及相应链接,本文永久地址:http://blog.it985.com/22216.html


pay_weixin
pay_weixin
微信打赏
pay_weixin
支付宝打赏
感谢您对作者Niki的打赏,我们会更加努力!    如果您想成为作者,请点我

您必须 登录 才能发表评论!