Ankündigung

Einklappen
Keine Ankündigung bisher.

Countdown mit Sound

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Countdown mit Sound

    hi

    ich bekomm es nicht hin das der Sound abgespielt wird.

    der Sound soll vorher abgespielt werden bevor Countdown endet.


    HTML-Code:
    <!DOCTYPE html>
    <html lang="en" >
    <head>
    <meta charset="UTF-8">
    <title>CodePen - 10 Minute Countdown</title>
    <style type="text/css"><!--
    
    div {
    /* text-align: center; */
    border: 0px solid #004853;
    display:inline;
    padding: 5px;
    color: #ffcc33;
    font-family: Verdana, sans-serif, Arial;
    font-size: 60px;
    font-weight: bold;
    text-decoration: none;
    }
    
    body {
    padding: 20px;
    text-align: center;
    }
    
    --></style>
    
    </head>
    <body>
    <audio id="beepAudio"></audio>
    <!-- partial:index.partial.html -->
    <div id="ten-countdown"></div>
    <!-- partial -->
    
    <script language="JavaScript">
    
    document.getElementById("beepAudio").play();
    
    function countdown( elementName, minutes, seconds )
    {
    var element, endTime, hours, mins, msLeft, time;
    
    function twoDigits( n )
    {
    return (n <= 9 ? "0" + n : n);
    }
    
    function updateTimer()
    {
    msLeft = endTime - (+new Date);
    if ( msLeft < 0 ) {
    
    element.innerHTML = "Time is up!";
    
    
    
    
    } else {
    time = new Date( msLeft );
    hours = time.getUTCHours();
    mins = time.getUTCMinutes();
    element.innerHTML = 'Startet in <br>'+ (hours ? hours + ':' + twoDigits( mins ) : mins) + ':' + twoDigits( time.getUTCSeconds() );
    setTimeout( updateTimer, time.getUTCMilliseconds() + 500 );
    }
    
    }
    
    element = document.getElementById( elementName );
    endTime = (+new Date) + 1000 * (60*minutes + seconds) + 500;
    updateTimer();
    
    }
    
    countdown( "ten-countdown", 10, 0 );
    
    
    document.getElementById("beepAudio").src = "fCountdown.mp3";
    document.getElementById("beepAudio").load();
    </script>
    
    </body>
    </html>
    sigpic
    ich bin mit netcup sehr zufrieden

  • #2
    bekomme es nicht hin soll heißen:
    1. Läuft garnicht,
    2. fängt zu spät an,
    3. hört zu früh auf,
    4. geht zu lang weiter
    ????
    https://arnego2.com <Webseiten, Umbau ab €80 und einiges mehr>

    VPS 8GB RAM 50 GB ROM < Server in der EU, 1rstes Jahr €38

    Kommentar


    • #3
      Zitat von arnego2 Beitrag anzeigen
      bekomme es nicht hin soll heißen:
      1. Läuft garnicht,
      2. fängt zu spät an,
      3. hört zu früh auf,
      4. geht zu lang weiter
      ????
      der Sound geht nicht mal an.
      sigpic
      ich bin mit netcup sehr zufrieden

      Kommentar


      • #4
        Der Audio tag ist so:

        <audio controls> <source src="Path zum audio.mp3" type="audio/mpeg"> </audio>

        In deinem Audio tag ist kein pfad eingetragen. Versuch das mal.
        https://arnego2.com <Webseiten, Umbau ab €80 und einiges mehr>

        VPS 8GB RAM 50 GB ROM < Server in der EU, 1rstes Jahr €38

        Kommentar

        homepage-forum.de - Hilfe für Webmaster! Statistiken

        Einklappen

        Themen: 56.802   Beiträge: 430.056   Mitglieder: 28.555   Aktive Mitglieder: 54
        Willkommen an unser neuestes Mitglied, Fohlenfan.

        Online-Benutzer

        Einklappen

        256 Benutzer sind jetzt online. Registrierte Benutzer: 5, Gäste: 251.

        Mit 3.502 Benutzern waren am 23.01.2020 um 18:20 die meisten Benutzer gleichzeitig online.

        Die neuesten Themen

        Einklappen

        Die neuesten Beiträge

        Einklappen

        Lädt...
        X