suchen
HeimComputer-TutorialsComputerwissenSo rufen Sie eine in JavaScript geschriebene Funktion auf einer Webseite auf

So rufen Sie eine in JavaScript geschriebene Funktion auf einer Webseite auf

Ich habe eine Funktion in JavaScript geschrieben. Wie soll ich sie auf der Webseite aufrufen?

Fügen Sie im Textkörper ein Tag mit der ID „timer“ hinzu, damit Sie document.getElementById(„id_Value“) verwenden können, um ein Elementobjekt in Ihrem JavaScript-Programm abzurufen. Bitte beachten Sie, dass diese Methode nur für IE-Browser und Browser gilt, die auf dem IE-Kern basieren.

Wie zeigt aspC dynamisch die aktuelle Uhrzeit auf der Webseite an

Mit JS

Eine sehr einfache Funktion: Verwenden Sie das Date()-Objekt, um die aktuelle Uhrzeit abzurufen, und verwenden Sie dann setTimeout, um alle 1 Sekunde die neueste Uhrzeit abzurufen.

Während des Schreibvorgangs bin ich auf ein kleines Problem gestoßen: Die ursprüngliche Idee bestand darin, setInterval() zu verwenden, um alle 1 Sekunde die späteste Zeit abzurufen, aber dies würde zu einem Speicherverlust führen (der genaue Grund wurde noch nicht herausgefunden). Glücklicherweise habe ich mit Rockys Erinnerung dieses Problem gelöst, indem ich stattdessen setTimeout() verwendet habe.

01 Funktion nowTime(ev,type){

02 /*

03 *ev: Element zeigt die Zeit an

04 * Typ: Zeitanzeigemodus Wenn 12 übergeben wird, handelt es sich um ein 12-Stunden-Format, andernfalls handelt es sich um ein 24-Stunden-Format

05 */

06 //Jahr, Monat, Tag, Stunde, Minute und Sekunde

07 var Y,M,D,W,H,I,S;

08 //Wenn die Einheit Monat, Tag, Stunde, Minute und Sekunde ist, fügen Sie vorne eine Null hinzu

09 Funktion fillZero(v){

10 if(v

11 Rückkehr v;

12 }

13 (function(){

14 var d=new Date();

15 var Week=['Sonntag', 'Montag', 'Dienstag', 'Mittwoch', 'Donnerstag', 'Freitag', 'Samstag']

16 Y=d.getFullYear();

17 M=fillZero(d.getMonth()+1);

18 D=fillZero(d.getDate());

19 W=Week[d.getDay()];

20 H=fillZero(d.getHours());

21 I=fillZero(d.getMinutes());

22 S=fillZero(d.getSeconds());

23 //12-Stunden-Anzeigemodus

24 if(type & type==12){

25 //Wenn Sie weitere Zeittypen wie Mittag und früher Morgen anzeigen möchten, können Sie unten Beurteilungen hinzufügen

26 if(H

27+H;

28 }sonst wenn(H>12 & H

29 H-=12;

30+fillZero(H);

31 }sonst wenn(H==24){

32;

33 }

34 }

35 ev.innerHTML=Y+'Jahr'+M+'Monat'+T+'Tag '+' '+W+' '+H+':'+I+':'+S;

36 //Aktualisierungszeit pro Sekunde

37 setTimeout(arguments.callee,1000);

38 })();

Probleme, auf die ich beim Erstellen einer Webseite gestoßen bin:

Schauen Sie sich Ihren Code-Beitrag an. Ich vermute, Sie haben direkt den Code im Buch verwendet, in dem der Name eines bestimmten Textfelds angegeben wurde, aber Sie haben dieses Textfeld nicht, also fehlt Ihnen ein Objekt. Ich gebe Ihnen einen einfachen Absatz, der die Uhrzeit anzeigen kann:

----------------------------------------

Jetzt ist es soweit

----------------------------------

Bitte nutzen Sie die Datumsfunktion, um das aktuelle Datum auf Ihrer Webseite anzuzeigen

In Javascript geschrieben, um die aktuelle Uhrzeit anzuzeigen. . . Kopieren, in den Notizblock einfügen, als 1.html speichern und Sie können den Effekt sehen

Angezeigt als: 12. Mai 2011, Montag, 4., 23:54:7 Uhr

Das obige ist der detaillierte Inhalt vonSo rufen Sie eine in JavaScript geschriebene Funktion auf einer Webseite auf. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme
Dieser Artikel ist reproduziert unter:Excel办公网. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen
4 Möglichkeiten zur Behebung der Taskleistenfarbe, die sich in Windows 10 nicht ändern - Minitool4 Möglichkeiten zur Behebung der Taskleistenfarbe, die sich in Windows 10 nicht ändern - MinitoolMay 02, 2025 am 12:50 AM

Haben Sie jemals auf das Problem der "Taskleistenfarbe, die sich nicht ändern" gestoßen haben? Fühlen Sie sich verwirrt über dieses Problem? Dieser Beitrag von PHP.CN konzentriert sich auf diese Angelegenheit und bietet Ihnen mehrere bewährte Methoden, mit denen Sie dies beheben können.

Der Remote -Desktop -Service ist derzeit beschäftigt - gezielte LösungenDer Remote -Desktop -Service ist derzeit beschäftigt - gezielte LösungenMay 02, 2025 am 12:49 AM

Beim Versuch, eine Verbindung zu einem Windows -Server herzustellen, können Sie auf den Fehler stoßen, den Remote -Desktop -Dienste derzeit besetzt. Sowohl die Windows Server -Einstellungen als auch das Gerät des Benutzers sind möglicherweise die Ursache für diesen Fehler. Was auch immer die Ursachen sind, Php.cn kann Ihnen helfen

Behoben: Windows wird beim Scannen nach Viren heruntergefahrenBehoben: Windows wird beim Scannen nach Viren heruntergefahrenMay 02, 2025 am 12:48 AM

Windows wird beim Scannen nach Viren geschlossen? Windows Defender Full Scan bewirkt PC, das heruntergefahren wird? Was sollten Sie tun, wenn dieses Problem auftritt? In diesem Beitrag von Php.cn lernen Sie einige realisierbare Lösungen.

Die Netzwerkfehlermeldung wird in ChatGPT angezeigt? Versuchen Sie 7 Möglichkeiten, sich zu beheben! - MinitoolDie Netzwerkfehlermeldung wird in ChatGPT angezeigt? Versuchen Sie 7 Möglichkeiten, sich zu beheben! - MinitoolMay 02, 2025 am 12:47 AM

Der ChatGPT -Netzwerkfehler ist ein häufiges Problem, das beim Schreiben von Code oder wenn die KI lange Antworten schreibt. Was sollten Sie tun, wenn Sie auf dieses Problem stoßen? Mach dir keine Sorgen und probierst verschiedene Möglichkeiten aus, wie Php.cn in diesem Beitrag gesammelt wurde, um einfach zu bekommen

Windows -Update -Überprüfung für Updates Grayed Out behebenWindows -Update -Überprüfung für Updates Grayed Out behebenMay 02, 2025 am 12:44 AM

Eine Methode zum Abrufen von Windows -Updates besteht darin, in Windows Update auf die Schaltfläche Aktualisierungen zu überprüfen. Aber wenn die Schaltfläche "Scheck nach Updates" grau ausgegraut ist, wissen Sie, was Sie tun sollten, um das Problem zu beheben? In diesem Beitrag wird die Php.cn -Software etwas Meth einführen

Komplette Anleitung zum Festlegen von Outlook, die keine Entwürfe beim Sieg sparenKomplette Anleitung zum Festlegen von Outlook, die keine Entwürfe beim Sieg sparenMay 02, 2025 am 12:43 AM

Outlook -Entwurfs -E -Mails werden im Allgemeinen im Ordner Drafts gespeichert. Manchmal begegnen Sie jedoch auf das Problem „Outlook, das keine Entwürfe speichert“. Was sollten Sie in dieser Situation tun, um den Entwurf der E -Mails zu finden und sich mit diesem Problem zu befassen? In diesem Beitrag von

iCloud Mail Login/Anmeldung | So greifen Sie auf iCloud Mail PC/Android - Minitool zuiCloud Mail Login/Anmeldung | So greifen Sie auf iCloud Mail PC/Android - Minitool zuMay 02, 2025 am 12:42 AM

Dieser Beitrag bietet einen iCloud-Mail-Login- und Anmeldehandbuch. Sie können ein kostenloses iCloud -Mail -Konto erstellen, mit dem Sie E -Mails im Web oder in einem beliebigen Gerät senden oder empfangen können. Erläuterung zum Zugriff auf iCloud Mail unter Windows 10/11 oder Android ist ebenfalls enthalten.

Laden Sie Windows ADK für Windows herunter und installieren Sie sie für Windows [Full Versions] - MinitoolLaden Sie Windows ADK für Windows herunter und installieren Sie sie für Windows [Full Versions] - MinitoolMay 02, 2025 am 12:41 AM

Wenn Sie versuchen, Windows 11/10 bereitzustellen, benötigen Sie die entsprechende Version von Windows ADK (Windows Assessment and Deployment Kit), um die Aufgabe zu beenden. In diesem Beitrag von PHP.CN werden Sie Windows ADK herunterladen und installieren.

See all articles

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heiße Werkzeuge

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

VSCode Windows 64-Bit-Download

VSCode Windows 64-Bit-Download

Ein kostenloser und leistungsstarker IDE-Editor von Microsoft

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

Dreamweaver Mac

Dreamweaver Mac

Visuelle Webentwicklungstools

SublimeText3 Linux neue Version

SublimeText3 Linux neue Version

SublimeText3 Linux neueste Version