Eine Reihe von Problemen und Lösungen bei der Verwendung von datetime in js als Front-End für iOS

Anforderungen und Ideen

Der entscheidende Punkt ist, 结束时间 den Countdown anzuzeigen. Die Idee ist, die Funktion setTimeout() zu verwenden.

Aufgetretene Probleme

Der aus der Datenbank übergebene Datumstyp kann in 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);
    });
};

nicht korrekt analysiert werden Problem

数据库拿出来的时间是  2016-06-08  这种时间iOS并不兼容 出现未定义的时间格式 所以用下面的函数转一下  成2016/06/08

Lösung

function formatStr(str) {
    str=str.replace(/-/g,"/");
};

Gedanken zum Programm

Wird im Countdown verwendet

var curtime=new Date();

Verwandte Artikel:

Wie um das Problem zu lösen, dass der Safari-Browser von JS IOS/iPhone nicht mit Date() in Javascript kompatibel ist

Datum und Uhrzeit vom Typ datetime in chinesische Darstellung konvertieren

Zugehöriges Video:

Praktisches Video-Tutorial für mobile Frontend-Projekte

Das obige ist der detaillierte Inhalt vonEine Reihe von Problemen und Lösungen bei der Verwendung von datetime in js als Front-End für iOS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!