ide上可以正常倒计时
手机扫码预览显示NaN
代码如下
function timer(that, leftTime) {
// 渲染倒计时时钟
that.setData({
countDown: date_format(leftTime)
});
if (leftTime <= 0) {
that.setData({
countDown: '00分00秒',
overdue: true
});
// timeout则跳出递归
return;
}
setTimeout(function () {
// 放在最后--
leftTime -= 1;
timer(that, leftTime);
}, 1000)
}
function date_format(leftTime) {
// 分钟位
var min = fill_zero_prefix(Math.floor(leftTime / 60));
// 秒位
var sec = fill_zero_prefix(leftTime % 60);
return min + '分' + sec + '秒';
}
function fill_zero_prefix(num) {
return num < 10 ? "0" + num : num
}
请有做过类似功能的大佬们帮看一下
网友回复: m***: 这段程序看着好像问题不大,关键是首次调用 timer() 传入的 leftTime 值,如果有问题的话,就可能导致后续都是 NaN 了。
另外,从算法上讲,用 setTimeout 接力的方式完成倒计时很可能会因为误差累积导致偏差,甚至如果中间由于某种原因导致 js 暂停的话(可能性,未证实),可能导致倒计时完全偏离实际时间。建议一开始计算出终止时间,每次取当前的时间计算剩余时间。
花***: 我想我知道问题所在,不知道您是否是在苹果机上测试的,如果是的话,应该是safari不支持这种方式的时间转换
m***: 2 楼能否具体说一下【这种方式的时间转换】是指什么?
这段代码里用的都是很基础的 js 语法和函数,似乎不应该存在什么兼容性问题吧,具体是哪行程序的写法不被 safari 支持呢?
明***: 确实是在苹果机上测试的,请问有没有兼容的解决方案
明***: 确实如2楼所说 在IOS5以上版本(不包含IOS5)中的Safari浏览器能正确解释出Javascript中的 new Date('2013-10-21') 的日期对象。 但是在IOS5版本里面的Safari解释new Date('2013-10-21') 就不正确,在IOS5的Safari中返回的永远是"Invalid Date" 。 后来我在网上查找了资料,原来是低版本的Safari解释new Date('2013-10-21')这个对象不一样,在IOS5中的Safari不支持这种写法, 而它支持的写法为new Date('2013','10','21'),这样写就能解决"Invalid Date"的问题,能返回一个Javascript Date回来了。 但是随之而来的问题有出现了,Date是返回过来了,可是这个Date对象中方法返回的数据可不是我想要的,返回的数据全都不正确。具体是什么原因我也不太清楚,还请知道原理的大虾们指点下! 现在返回过来的Date对象.getMonth()总要比正常的要多一个月!还有.getDay()返回的星期几也不正确!╮(╯▽╰)╭懊恼啊,折磨啊。。。。 我都开始骂开发Safari的这帮人了,不过骂归骂问题还是要解决的,要不工资就木有了!呵呵! 接着我查了很多国外的技术blog,终于找到了解决方案,原来想要IOS5中的Safari能正确解析new Date()那么必须这么写 new Date('2013/10/21 ');
爱盈利(aiyingli.com)移动互联网最具影响力的盈利指导网站。定位于服务移动互联网创业者,移动盈利指导。我们的目标是让盈利目标清晰可见!降低门槛,让缺乏经验、资金有限的个人和团队获得经验和机会,提高热情,激发产品。
上一篇 做好风控,再也不怕活动被刷!
2017下半年公关日历【全完整版】 下一篇
相关文章推荐
SELECT dw_posts.ID,dw_posts.post_title,dw_posts.post_content
FROM dw_posts
INNER JOIN dw_term_relationships ON (dw_posts.ID = dw_term_relationships.object_id)
WHERE 1=1
AND(dw_term_relationships.term_taxonomy_id = 5246 ) AND dw_posts.post_type = 'post' AND (dw_posts.post_status = 'publish') GROUP BY dw_posts.ID ORDER BY RAND() LIMIT 0, 6
(adsbygoogle=window.adsbygoogle||[]).push({});我一台电脑在办公室,一台电脑在宿舍,为了方便在两台电脑上边同时开发一个东西,用百度云同步盘对小程序源文件夹进行同步。[html51]模拟器显示微信小程序教程。....
微信小程序-读你电影(豆瓣API)2016-10-15更新:豆瓣API借口更换为https,所以请重新下载功能查询影院热映、推荐电影、查询电影和查看电影详情页面(查看详情还没做)涉及内容网络通信、豆瓣电影接口、模板、页面引用、js封装引用、wxss引....
就在大家还在慢慢接受无人店的时候,腾讯和武汉市公安交通管理局却搞起了无人警局,这也将是全国第一家无人警局。听起来好像很牛逼的样子,想要看看无人警局是什么样子的吗?先别急,你可以先体验一下这个【武汉智慧交警】小程序。24小时全天候服务新车注册登记?期满....
(adsbygoogle=window.adsbygoogle||[]).push({});才添加的卡发者和体验者不能使用!!!!!!!请尽快解决啊!!本文来自微信小程序开发http://html51.com,转载请保留。网友回复:张***:今天早上....
(adsbygoogle=window.adsbygoogle||[]).push({});我设置false为什么取消按钮还在啊?[html51]已配置域名显示错误。配置域名出现问题小程序开发。本文来自微信小程序开发http://html51.com....
5月19号申请的附近小程序审核,说的7个工作日站内提醒,现在还没过。。跪求大大们给审核了。。着急着用小程序ID:wxefb6b2b3bce633de网友回复:w***:系统记录w***:系统记录爱盈利(aiyingli.com)移动互联网最具影响力的....