Heim > Web-Frontend > js-Tutorial > Hauptteil

So stellen Sie die Bildzeit in Javascript ein

coldplay.xixi
Freigeben: 2023-01-05 16:07:41
Original
2931 Leute haben es durchsucht

So legen Sie die Bildzeit in Javascript fest: Rufen Sie die aktuelle Zeit ab, konvertieren Sie sie in eine Zeichenfolge, führen Sie eine Schleife aus, um die Zeichenfolge abzurufen, und ändern Sie den Bildpfad des Knotens. Der Code lautet [var sr = toDou(time.getHours())+ toDou(time.getMinutes() ))+toDou].

So stellen Sie die Bildzeit in Javascript ein

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, DELL G3-Computer.

So legen Sie die Bildzeit in Javascript fest:

<script type="text/javascript">
  function toDou(n){//将十以内的数字转换成两位
         if(n<10){
            return &#39;0&#39;+n;
         }else{
             return &#39;&#39;+n;
      }
  }
Nach dem Login kopieren

Erhalten Sie die aktuelle Zeit und konvertieren Sie sie in eine Zeichenfolge. Führen Sie eine Schleife aus, um die Zeichenfolge abzurufen, und ändern Sie den Knotenbildpfad.

    function tick(){
        var time = new Date();
        var sr = toDou(time.getHours())+toDou(time.getMinutes())+toDou(time.getSeconds());
        var img = document.getElementsByTagName(&#39;img&#39;);
        for(var i = 0;i<img.length;i++){
            img[i].src = &#39;img/&#39;+sr[i]+&#39;.png&#39;;
        }
    }
    window.οnlοad=function(){
    tick();
    setInterval(tick, 1000);
    }
<script>
Nach dem Login kopieren

Verwandte kostenlose Lernempfehlungen: Javascript-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo stellen Sie die Bildzeit in Javascript ein. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!