Heim > Artikel > Web-Frontend > Detaillierte Erläuterung der Schritte zur Implementierung der elektronischen Uhrfunktion mit jQuery

Detaillierte Erläuterung der Schritte zur Implementierung der elektronischen Uhrfunktion mit jQuery

php中世界最好的语言Original: 2018-05-15 09:44:222050Durchsuche

Dieses Mal werde ich Ihnen die Schritte zum Implementieren der elektronischen Uhrfunktion mit jQuery ausführlich erläutern. Was sind die Vorsichtsmaßnahmen für jQuery, um die elektronische Uhrfunktion zu implementieren? Schauen Sie mal rein.

<!DOCTYPE html>
<html>
  <head>
    <title>jQuery电子时钟</title>
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
  </head>
  <body>
    <span id="time">haha</span>
    <script type="text/javascript">
    window.onload = function(){
      showTime();
    }
    function showTime(){
    var myDate = new Date();
    var year = myDate.getFullYear();
    var month = myDate.getMonth() + 1;
    var date = myDate.getDate();
    var dayArray = new Array(7);
    dayArray[0] = "星期日";
    dayArray[1] = "星期一";
    dayArray[2] = "星期二";
    dayArray[3] = "星期三";
    dayArray[4] = "星期四";
    dayArray[5] = "星期五";
    dayArray[6] = "星期六";
    var day1 = myDate.getDay();
    var day = dayArray[day1];
    var hour = myDate.getHours();
    var minute = myDate.getMinutes();
    var second = myDate.getSeconds();
    var min = checkTime(minute);
    var sec = checkTime(second);
    var time1 = year + "年" + month + "月" + date + "日";
    var time2 = hour + "：" + min + "：" + sec;
    // document.write(time1+day+time2);
    //用js方法
    // document.getElementById("time").innerHTML = time1+day+time2;
    //用jquery方法
    $('#time').text(time1+day+time2);
    setTimeout("showTime()",500);
    }
    function checkTime(i){
      if(i<10){
        i = "0" + i;
      }
      return i;
    }
    </script>
  </body>
</html>

Betriebseffekt:

Beispielzusammenfassung:

1. Achten Sie auf js-Dateireferenzen, die muss in der Head-Deklaration im Body enthalten sein, es ist nicht nötig, die Referenzinformationen beim Erweitern im Body erneut zu deklarieren.
2 Achten Sie auf datumsbezogene Funktionen und vergessen Sie beim Abrufen nicht ;
3. Achten Sie auf die Schreibweise von window.onload = function(){} 4. Achten Sie auf die Anfangsreihenfolge des Arrays ab Januar, und so weiter . Beachten Sie, dass die Stunden-, Minuten- und Sekundenfunktionen komplexe Zahlen sind.
6. Tag bedeutet, den Wochentag abzurufen. Was jedoch erhalten wird, ist eine Zahl, die mithilfe eines Arrays konvertiert werden kann (0 bedeutet Sonntag, andere). entsprechen eins zu eins)
7. setTimeout-Funktion:
, beachten Sie, dass out in
Kleinbuchstaben ist setTimeOut(A,B)A: Funktionskörper B: Funktionsausführungsintervall setTimeout8 nicht
verwenden, sonst wird der rekursive Aufruf nicht implementiert
9 Sollten in JQuery-Selektoren einfache Anführungszeichen oder doppelte Anführungszeichen verwendet werden? document.writeTheoretisch sind sowohl ungerade als auch gerade Zahlen akzeptabel. Bei der Verschachtelung kommt es auf die konkrete Situation an.
10. Über jQuery zum Abrufen des Textinhalts: Methode 1: text(); Methode 2: html(); Beachten Sie, dass das richtige Format lautet:
Das falsche Format ist:

$('#time').text("content")Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website! $('#time').text() = "content"

Empfohlene Lektüre:

jQuery-Traversierung von XML-Knoten und -Attributen – Implementierungsschritte

Detaillierte Erläuterung der Verwendung von Vue Ripple Schaltflächenkomponente

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Schritte zur Implementierung der elektronischen Uhrfunktion mit jQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：

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

Vorheriger Artikel：Detaillierte Erläuterung der Verwendung des Vue nextTick-MechanismusNächster Artikel：Detaillierte Erläuterung der Verwendung des Vue nextTick-Mechanismus

In Verbindung stehende Artikel

Mehr sehen