English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

  1. Position
  2. Startseite
  3. Erfahrungstagebuch
  4. Inhalt

Mit jQuery+Beispielcode für einen einfachen Timer mit localStorage

Einleitung

in HTML5wurde eine neue localStorage-Funktion hinzugefügt, die hauptsächlich als lokaler Speicher verwendet wird, um das Problem unzureichender Speicherplatz in Cookies zu lösen (jeder Cookie im Cookie hat einen Speicherplatz von4k), in der Regel unterstützt von Browsern in localStorage5M-Größe, die in verschiedenen Browsern unterschiedlich ist.

Dieser Artikel beschreibt hauptsächlich das Thema jQuery+Inhalte zur Implementierung eines einfachen Countdown-Timers mit localStorage, die hier geteilt werden, um für alle zur Verfügung zu stehen und zu lernen. Viel reden ist nicht nötig, lassen Sie uns einen detaillierten Überblick geben.

Prototyp

Anforderungen

　　　　　　 1.Beim Schließen des Browsers wird die Zeit fortgesetzt

　　　　　　2.Beim Aktualisieren wird der aktuelle Zustand beibehalten

　　　　　　3.Endzeit wird auf dem Client gespeichert

Beispielcode

 <div class="wrapper">
  <div class="app">
  <div class="container stopwatch">   
   <div class="clock inactive z-depth-1">
   <span>0:00:00</span>
   <!-- <div class="overlay waves-effect"></div>-->
   </div>   
   <form>
   <a id="stopwatch--start" class="waves-effect waves-teal btn-flat">开始
   </form>
  </div>
  </div>
 </div>