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

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

php是最好的语言
Freigeben: 2018-07-28 13:59:59
Original
1930 Leute haben es durchsucht

Anforderungen und Ideen

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

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);
    });
};
Nach dem Login kopieren

nicht korrekt analysiert werden Problem

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

Lösung

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

Gedanken zum Programm

Wird im Countdown verwendet

var curtime=new Date();
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage