Wie aktualisiere ich einen JavaScript-Zähler auf einer Webseite in Echtzeit, wenn der Browser den Fokus verliert?

Ich schreibe ein Browserspiel mit HTML, CSS und JavaScript, geschrieben in Perl. Gesundheit und Ausdauer werden auf dem Server gespeichert und ich verwende JavaScript, um dem Benutzer eine aktualisierte Live-Zählung dieser Statistiken anzuzeigen, wenn die aktuelle Seite geladen wird. Diese Funktion ...

P粉825079798 2024-01-16 17:40:29 0  1  506

Preloader-Fenster für Zahlenzähler-Animation beim Laden von Javascript-HTML-CSS

Ich möchte auf meiner Portfolio-Website eine Zahlenzähler-Animation erstellen. Ich habe auf meiner alten Website einen JQuery-Code, der beim vollständigen Laden vom Preloader zur Website wechselt. <script>$(window).on('load',()=>{$('#preloader').fadeOut(1800,function(){$(this).remove();});}...

P粉523625080 2023-09-11 22:37:54 0  1  676

Neuer Titel: Komprimiertes HTML-Matrix-Layout-Design mit reinem CSS und HTML

Ich versuche, ein Logo mit reinem HTML und CSS zu erstellen. Das Design ist sehr intuitiv, da es sich um eine [13x13]-Matrix handelt, die einige farbige Elemente enthält. CSS ist sehr einfach und geringfügig. Allerdings besteht der HTML-Code aus vielen sich wiederholenden Teilen und muss DRY (Don'tR...

P粉458913655 2023-09-07 21:27:33 0  1  505

cocos2d-x – Wie stelle ich einen Timer im MVC-Muster ein?

Kürzlich versuche ich, ein Cocos2d-x-Spiel mithilfe des MVC-Modells zu entwickeln. Wie sollte der Timer (z. B. der Countdown vor dem Start des Spiels) platziert werden? Die Countdown-Int-Variable muss in das Modell eingefügt werden, aber wo kann dieser Wert geändert werden? Es wird im Modell verarbe...

phpcn_u1582 2017-05-16 17:05:38 0  1  530

Der JavaScript-Timer wird nicht jede Sekunde aktualisiert

Hier ist mein Code zum Anzeigen eines Countdown-Timers für otp, der jedoch nur statische Werte anzeigt und nicht wie erwartet jede Sekunde aktualisiert. <?php//Legen Sie die Zielendzeit fest (in diesem Beispiel 10 Minuten von jetzt an)$endTime=time()+(10*60);//Berechnen Sie die verbleibende Zeit$...

P粉340980243 2024-04-02 19:04:44 0  1  515

Anwendung des Auktionsprodukt-Timers auf der Archivseite

Der Auktionsprodukt-Timer funktioniert auf einer einzelnen Store-Seite einwandfrei. Ich möchte ihn zur Store-Archivseite hinzufügen, aber er wird nur beim ersten Produkt im Store-Archiv angezeigt und nicht beim Rest. Basierend auf dem Antwortcode für den Countdown-Timer zum Ende des Produktverkaufs ...

P粉412533525 2023-09-08 20:00:35 0  1  628

CSS-Farbvariablen – Beim Definieren von CSS-Farben sind Regeln oder Selektoren erforderlich

Hallo, ich habe das folgende Problem: „Beim Definieren von CSS-Farben ist eine Regel oder ein Selektor erforderlich.“ Ich verwende VS-Code und habe das folgende Problem: https://jigsaw.w3.org/css-validator /validator#css Habe das CSS überprüft und weiß nicht, wo das Problem liegt! /*ColorVariables*/...

P粉021708275 2023-09-13 11:02:07 0  1  694

objective-c - MBProgressHUD 设置1.2秒后消失 跟真实计数器上计数，时间是超过1.2秒的，这个该怎么解释？急求

MBProgressHUD 设置1.2秒后消失 跟真实计数器上计数，时间是超过1.2秒的，这个该怎么解释？急求。产品要求时间需要精准，不能相差太多，1～2秒的差距就要提这个bug

给我你的怀抱 2017-05-02 09:18:55 0  1  1255

Wie erstelle ich in CSS einen kreisförmigen Rahmen, bei dem x % rot und der Rest weiß ist, wobei x eine Statusvariable in einer JavaScript-Datei ist?

Ich erstelle eine Timer-App, die zunächst einen weißen Rahmen um die verbleibende Zeit des Timers hat. Ich möchte, dass der Ring um die verbleibende Zeit des Timers nach und nach rot wird und dann vollständig rot wird, wenn der Timer abgelaufen ist. {remainingTime.hours}:{remainingTime.minutes}:{rem...

P粉482108310 2023-07-24 18:47:03 0  1  508

SpeedCubing Stoppuhr in JS

Im Codeblock ist ein Timer integriert. Im Moment startet/stoppt der Timer über die Taste, aber ich möchte, dass er läuft, wenn die Leertaste losgelassen wird, und dass er stoppt, wenn die Leertaste gedrückt wird. Ich versuche nun schon seit etwa zwei Tagen, dieses Problem zu lösen, kann aber scheinb...

P粉014293738 2023-09-14 09:13:21 0  1  629

Wie wende ich Transparenz in CSS-Farbvariablen an?

Ich entwerfe eine App in Electron, damit ich auf CSS-Variablen zugreifen kann. Ich habe eine Farbvariable in vars.css definiert: :root{--color:#f0f0f0;} Ich möchte diese Farbe in main.css verwenden, aber etwas Transparenz anwenden: #element{background:( irgendwie mit var(--color ) und etwas Transpar...

P粉348088995 2023-08-20 18:51:07 0  1  458

Wie starte ich einen zweiten Timer in Vuex, wenn der erste Timer abläuft?

Ich habe ein Vue-Projekt und im Vuex-Store habe ich den folgenden Status: state:{gameStartTimer:5,counter:false,randomNumber:Number,clickAlert:false} Jetzt habe ich in Aktionen Folgendes: actions:{asyncstartCounter({ state}){state.counter=true;state.clickAlert=false;whi

P粉242535777 2024-03-30 14:06:31 0  1  405

Ändern Sie den Seitenaktualisierungstimer

Ich habe eine bestimmte Anforderung, dass meine Seite nach 2 Sekunden aktualisiert wird. Ich habe diesen Code verwendet, um dies zu erreichen: <?php$page=$_SERVER['PHP_SELF'];$sec="2";?><html><head><metahttp-equiv="refresh"content= "< ?phpecho$sec?>...

P粉354948724 2024-02-26 15:24:20 0  1  420

javascript – Nach dem Webpack-Paketieren von CSS kommt es zu einem JS-Fehler.

Als ich CSS separat in HTML einführte, war die von js berechnete Breite normal, aber als ich CSS und js zusammenpackte, änderte sich die von js berechnete Breite unerwartet. ? ? 2376px ist die normale Breite, wenn die CSS-Datei separat eingeführt wird. Dies ist die Breite von CSS und JS, die zusamme...

我想大声告诉你 2017-05-19 10:13:49 0  2  696

Bei der Entwicklung des WeChat-Applet-Rechners bin ich auf einen Fehler gestoßen, den ich nicht herausfinden kann, aber es scheint derselbe zu sein, der im Video steht.

Bei der Entwicklung des WeChat-Applet-Rechners bin ich auf einen Fehler gestoßen, den ich nicht herausfinden kann, aber es scheint derselbe zu sein, der im Video steht Wenn Sie „7+7“ eingeben, wird das Ergebnis normalerweise als 14 angezeigt, aber das Ergebnis ist 14. Wenn ich ein zweites Mal auf de...

会玩的白先森 2018-03-24 16:43:36 0  1  1451

Wählen/extrahieren Sie Knoten von HTML/Text aus HTML mithilfe von CSS-Selektoren

Nehmen wir an, ich schreibe ein Knotenskript, das fetch verwendet, um HTML-Seiteninhalte in Variablen abzurufen. Jetzt habe ich einen CSS-Selektor für so etwas. Wie kann ich damit HTML- und/oder Textinhalte extrahieren, die von CSS-Selektoren erkannt werden? Wenn es ein vorhandenes Tool/Paket gibt, ...

P粉356361722 2024-03-19 19:41:22 0  1  432

javascript - In HTML erhalten Bilder, JS und CSS Ressourcen auf dem Server über die Quelle oder URL des Tags. Muss der Server für jede Ressource eine entsprechende Antwort schreiben?

Vor kurzem lernte Xiaobai NodeJS. Als ich Netzwerkprogrammierung durchführte, dachte ich, dass der Browser zuerst eine HTTP-Anfrage über die Eingabeadresse an eine Seite sendet (der Server antwortet auf die Anfrage und gibt eine HTML-Datei zurück) und dann die Bilder. JS und CSS im HTML werden über ...

为情所困 2017-06-17 09:16:59 0  1  1029

Der Tisch wächst horizontal statt vertikal

Ich versuche, einen Taschenrechner zu erstellen und arbeite derzeit an HTML und CSS. Ich versuche, den Rechner sowohl vertikal als auch horizontal zu vergrößern. Ich kann die Breite leicht an den Container anpassen, indem ich width:100% oder flex:11100% verwende. Wenn ich jedoch versuche, die Höhe m...

P粉087074897 2023-09-15 17:32:14 0  1  617

Erstellen Sie einen virtuellen Host mit der PHP-Programmierer-Toolbox

Verwenden Sie die PHP-Programmierer-Toolbox, um einen virtuellen Host zu erstellen. Beim Testen von Thinkphp im Browser ist es nicht erfolgreich, aber der absolute Pfad kann erfolgreich angezeigt werden. ? ? Verwenden Sie die PHP-Programmierer-Toolbox, um einen virtuellen Host zu erstellen. Beim Tes...

徐风莫忆 2019-01-23 10:35:20 0  3  1301

JQ zählt alle 10 Minuten herunter

Das Projekt erfordert eine Auslosung alle 10 Minuten, die mit der Serverzeit synchronisiert werden muss. Um Betrug zu verhindern, besteht meine Idee darin, alle 10 Sekunden die Serverzeit mit Ajax abzurufen und dann den Countdown mit JQ zu vergleichen. Die von mir abgerufene Zeit ist beispielsweise ...

按键盘手指磨破皮 2017-12-05 18:04:58 0  4  1884