suchen

Heim  >  Artikel  >  Web-Frontend  >  So bedienen Sie jQuery, um den Effekt einer elektronischen Uhr zu erzielen

So bedienen Sie jQuery, um den Effekt einer elektronischen Uhr zu erzielen

php中世界最好的语言
php中世界最好的语言Original
2018-06-01 14:48:412087Durchsuche

Dieses Mal zeige ich Ihnen, wie Sie jQuery bedienen, um den elektronischen Uhreffekt zu erzielen. Was sind die Vorsichtsmaßnahmen für den Betrieb von jQuery, um den elektronischen Uhreffekt zu erzielen? 

<!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:

So bedienen Sie Angular5-Routing-Parameter

So bedienen Sie vue2.0+ von der Plug-in-Entwicklung bis zu npm Veröffentlichung


So verwenden Sie .vue-Code in vscode

Das obige ist der detaillierte Inhalt vonSo bedienen Sie jQuery, um den Effekt einer elektronischen Uhr zu erzielen. 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：So verwenden Sie Vue nextTickNächster Artikel：So verwenden Sie Vue nextTick

In Verbindung stehende Artikel

Mehr sehen