话不多说,请看下面代码
PC:
1.html页面:
<div class="aTime"> <em id="t_d"></em> <em id="t_h"></em> <em id="t_m"></em> <em id="t_s"></em> </div>
2.js:
<script type="text/javascript"> function GetRTime(){ var end = "<?php echo $info['end_date']; ?>"+" 23:59:59"; var EndTime= new Date(end); var NowTime = new Date(); var t =EndTime.getTime() - NowTime.getTime(); var d=0; var h=0; var m=0; var s=0; if(t>=0){ d=Math.floor(t/1000/60/60/24); h=Math.floor(t/1000/60/60%24); m=Math.floor(t/1000/60%60); s=Math.floor(t/1000%60); } document.getElementById("t_d").innerHTML = d; document.getElementById("t_h").innerHTML = h; document.getElementById("t_m").innerHTML = m; document.getElementById("t_s").innerHTML = s; } setInterval(GetRTime,1000); </script>
以上代码在safari中出错,原因是:
在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回来了。
想要IOS5中的Safari能正确解析new Date()那么必须这么写
new Date('2013/10/21'); 或者 var d = new Date(date);d = d.getFullYear() > 0 ? d : new Date(Date.parse(date.replace(/-/g, "/")));
相关推荐
解决ios的app内H5页面倒计时在锁屏后停止或延迟的解决方案
h5网站倒计时页面 网站维护
ios里在后台或者锁屏时js会停止运行,倒计时之类的场景会停止执行,这个就是解决这样的问题,常见的例如秒杀倒计时,抢券倒计时
【倒计时】2023元旦倒计时HTML代码 【倒计时】2023元旦倒计时HTML代码 【倒计时】2023元旦倒计时HTML代码 【倒计时】2023元旦倒计时HTML代码 【倒计时】2023元旦倒计时HTML代码 【倒计时】2023元旦倒计时HTML代码 ...
极奇公司成长计划,公众号h5网页。可以设定公司或者工作室成立日期,带微信分享功能,演示地址:关注公众号:极奇 ,在成长计划打开查看
HTML5网页倒计时代码特效是一款提供默认的翻牌样式,可以在所有支持HTML5 time元素的浏览器中正常工作。
H5网页,实现一个页面多个倒计时功能,类似于淘宝或者京东页面活动倒计时功能秒杀商品
h5页面注入js代码
h5页面模版源码 ,非常酷炫的html5模板 ,可以直接使用,也可以参考学习
全国高考倒计时,音乐自动播放。 背景图片:img目录下替换bg.jpg 背景音乐:audio目录下替换song.mp3 原本按照正常情况下每年的6月7、8日就是全国高考的时间的,无奈今年的一场疫情导致高考都延迟一个月 前几年...
H5兼容页面H5兼容页面H5兼容页面H5兼容页面H5兼容页面H5兼容页面
辩论倒计时_微信小程序模板js代码前台前端H5页面源码.rar
辩论倒计时_企业城微信小程序js代码前台前端H5页面源码.rar
移动端h5页面长按复制的完整代码,包含安卓和ios,可供学习使用
给h5页面中动态注入js代码,和h5页面进行交互
2年前给一个朋友做的,因为纯手写和部分引用jquery插件,js和css代码清晰简洁,页面包含个人,商家,商品分类,详情,订单,登录注册,添加收货地址,提现等34个页面,后来已经改版,分享资料。
(function($) { $.fn.ClassyCountdown = function(options, callback) { var element = $(this); var DaysLeft, HoursLeft, MinutesLeft, SecondsLeft; var secondsLeft; var isFired = false;... },
电商-拼团 倒计时_微信小程序模板js代码前台前端H5页面源码.rar
html5简单圆形进度条倒计时插件 html5简单圆形进度条倒计时插件 html5简单圆形进度条倒计时插件 html5简单圆形进度条倒计时插件
代码: <link rel="stylesheet" type="text/css" href="css/style.css?3.1.64"> </head> <body> <p><b>抽奖活动</b></p> 姓名</span><br /> 电话</span><br /> 距抽奖...