Hallo Community,
wir würden gerne einen Countdown Timer auf unsere Website einbinden.
Wissen leider nicht wie wir noch vorgehen sollen..
haben es mit JavaScript probiert, das klappt aber leider nicht.
Weiß jemand den Fehler oder kann uns mit einer anderen Lösung behilflich sein?
GANZ LIEBEN DANK!
Anto
Was hat das mit Arduino zu tun? Die Frage wäre doch wohl in einem Javascript-Forum wesentlich besser aufgehoben.
Gruß Tommy
Moko
June 14, 2018, 10:54am
3
Ich warte noch auf den Thread, in dem jemand seine Frage als Screenshot schickt.
Kann eigentlich nicht mehr lange dauern. duck und weg
Ich möchte JavaScript in Arduino einbinden, aber es funktioniert leider nicht. Da liegt mein problem
Dann wird wohl Dein Javascript fehlerhaft sein. Deshalb auch der Hinweis aufs Javascript-Forum.
Außerdem sehe ich keinen Sketch. Setze den bitte in Codetags (</>-Button oben links im Forumseditor) und schreibe auch, welchen Arduino Du benutzt.
Gruß Tommy
void setup(void){
webPage +="WashNote";
webPage +="
Time left = <span id = "timer">
";
webPage +="";
.....
Arduino benutzen wir den ESP8266
Gibt es eine andere Möglichkeit einen Timer auf die Website zubinden??
PS: Anfänger in Arduino.
Was an der Bitte den Sketch in Codetags zu setzen, hast Du nicht verstanden?
Schreibe den Javascriptcode in eine normale HTML-Seite auf dem PC und rufe diese im Browser auf.
Dann wird Dir z.B. der Firefox in den Tools für Webentwickler die gröbsten Fehler zeigen.
Deine Fehler liegen eindeutig im Javascriptbereich und dafür gibt es eigene Foren.
Gruß Tommy
Hallo,
Du kannst die Seite auch ganz normal mit dem Brauser und der IP des ESP aufrufen , dann bekommst Du sie ja angezeigt.
Firefox
Rechte Maus / Seitenquelltext
kannst Du den Quelltext sehen und Fehler bekommst Du rot angezeigt.
@Tomy wenn er den Javacode in eine HTML seite neu schreibt hat er womöglich den Fehler nicht mehr drin.
Gruß Heinz
Das wäre ja auch ein Erfolg
(Ich hatte aber eher an Kopieren gedacht)
Gruß Tommy
den kann ich anbieten:
<!DOCTYPE html>
<html>
<head>
<style>
</style>
<link rel='stylesheet' href='layout/main.css'>
</head>
<script type="text/javascript">
var running = 0;
function startCountdown()
{
if (running==0)
{
running = 1;
var timeleft = 30*10; // 30 - 10 nur zum testen
var downloadTimer = setInterval(function(){
document.getElementById("progressBar").value = 300 - --timeleft;
document.getElementById("countdownSec").textContent = (timeleft/10).toFixed(1);
if(timeleft <= 0) {
clearInterval(downloadTimer);
//playSound('sound/Windows Notify.wav');
//playSound('wirleben.mp3');
//
var audio = new Audio('sound/Alien-spaceship-landing-sound-effects.mp3');audio.play(); //spielt mp3 hört aber nicht auf
//document.getElementById('alarmclock').play();
running = 0;
document.getElementById("countdownSec").textContent = "Start";
}
},100);
}
}
</script>
<body>
<header>
<p></p>
</header>
<main>
<div class="bigc">
<h2>Diskussion beenden</h2>
<p><span id="countdownSec" onClick="startCountdown()">Start</span></p>
<progress value="0" max="300" id="progressBar"></progress>
</div>
</main>
<footer>
<p>Version 2.18 - 2017-12-22</p>
</footer>
</body>
</html>
druck auf Start startet den countdown.
css musst dir selber machen.
das mp3 auch.