iOS のフロントエンドに js で datetime を使用する場合の一連の問題と解決策

php是最好的语言
リリース: 2018-07-28 13:59:59
オリジナル
1879 人が閲覧しました

要件とアイデア

iOS のフロントエンドに js で datetime を使用する場合の一連の問題と解決策

重要なポイントはこれです終了時間结束时间 要展示倒记时。思路是用setTimeout()函数做。

遇到的问题

数据库传过来的日期类型在IOS カウントダウン時間を表示するため。アイデアは、setTimeout() 関数を使用することです。

発生した問題

IOS

のデータベースから渡された日付型を正しく解析できません

code

//倒计时函数  一秒钟执行一次
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() に対応していない問題の解決方法

datetime 型の日付と時刻が中国語表現に変換される

関連ビデオ : 🎜🎜🎜モバイル フロントエンド プロジェクトの実践的なビデオ チュートリアル🎜🎜

以上がiOS のフロントエンドに js で datetime を使用する場合の一連の問題と解決策の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!