要件とアイデア
重要なポイントはこれです終了時間
结束时间
要展示倒记时。思路是用setTimeout()函数做。
数据库传过来的日期类型在IOS
カウントダウン時間を表示するため。アイデアは、setTimeout() 関数を使用することです。
IOS
//倒计时函数 一秒钟执行一次 setInterval(daojishi,1000); //倒计时函数 用each 遍历所有需要处理的时间 function daojishi(){ $(".truetime").each(function(){ var end= $(this).html(); var end_on=formatStr(end);//解决ios手机不兼容问题 var curtime=new Date(); var endtime=new Date(end_on); var lefttime= parseInt((endtime.getTime()-curtime.getTime())/(1000)); if (lefttime>0) { var day=parseInt(lefttime/(24*60*60)); var hours=parseInt( (lefttime/(60*60))%24); var minutes=parseInt( (lefttime/(60))%60); var seconds=parseInt( (lefttime)%60); hours =checkout(hours); minutes =checkout(minutes); seconds =checkout(seconds); var title =day+' 天 '+hours+' 小時 '+minutes+' 分 '+seconds+' 秒 '; }else{ var title="时间结束" } $(this).next('span').html(title); }); };
数据库拿出来的时间是 2016-06-08 这种时间iOS并不兼容 出现未定义的时间格式 所以用下面的函数转一下 成2016/06/08
function formatStr(str) { str=str.replace(/-/g,"/"); };
var curtime=new Date();
JS IOS/iPhone Safari ブラウザが Javascript の Date() に対応していない問題の解決方法
関連ビデオ : 🎜🎜🎜モバイル フロントエンド プロジェクトの実践的なビデオ チュートリアル🎜🎜以上がiOS のフロントエンドに js で datetime を使用する場合の一連の問題と解決策の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。