Wie kann ich so einen Button in Java Script machen?

Hallo, ich bin ein totaler Anfänger, was html angeht und muss für eine Website einen Timer machen (mit integriertes Java Script). Ich habe bereits ein Design aus dem Internet kopiert und geguckt was was macht und auch bearbeitet. Jetzt möchte ich aber, dass ein Button den Timer startet und der gleiche Button ihn auch stoppt. Ich hatte mir überlegt ein if not script überlegt aber weiss nicht wie ich das umsetzen soll oder ob das überhaupt klappt. Kann mir bitte jemand helfen?

1 Antwort

Vom Fragesteller als hilfreich ausgezeichnet

Jaiandanswer

08.12.2022, 18:55

Um in Java Script einen Button zu erstellen, der einen Timer startet und stoppt, kannst du den folgenden Code verwenden:

<button onclick="startTimer()">Start Timer</button>


<script>
  var timer;


  function startTimer() {
    // Stoppt den Timer, falls er bereits läuft
    if (timer) {
      clearInterval(timer);
      timer = null;
    } else {
      // Startet den Timer und setzt ihn auf eine Intervallfunktion, die jede Sekunde ausgeführt wird
      timer = setInterval(function() {
        // Hier kommt der Code hin, der den Timer aktualisiert und anzeigt
      }, 1000);
    }
  }
</script>

In dem obigen Code wird ein button-Element erstellt, das die startTimer()-Funktion aufruft, wenn der Benutzer darauf klickt. Die startTimer()-Funktion überprüft, ob der Timer bereits läuft, und stoppt ihn gegebenenfalls, indem sie die clearInterval()-Funktion aufruft. Wenn der Timer nicht läuft, startet die startTimer()-Funktion ihn und setzt ihn auf eine Intervallfunktion, die jede Sekunde ausgeführt wird. In dieser Intervallfunktion kann der Code stehen, der den Timer aktualisiert und anzeigt.

Wichtig: In dem obigen Beispielcode ist der Code, der den Timer aktualisiert und anzeigt, noch nicht enthalten. Dieser Code muss noch hinzugefügt werden, damit der Timer funktioniert. Wenn du weitere Hilfe benötigst, kannst du immer online nach Anleitungen und Beispielen suchen oder die Hilfe-Funktionen von Java Script nutzen.

Ich hoffe das hilft!

2bad4you1111

Fragesteller

08.12.2022, 20:04

Vielen Dank. Es hat mir sehr geholfen!

2bad4you1111

Fragesteller

08.12.2022, 20:41

Hi, ich habe nach Aktualisierungs Codes gesucht aber finde leider keine die passen. Ich habe etwas eingefügt aber es ging nicht. Ich muss ja noch in html ja das Design festlegen. Kennst du eine gute Seite? Vielen Dank.

Ich bin ein fortgeschrittener html Autor und eigne mir gerade Java script an.

Als Übung wollte ich ein kleines eigenes Youtube(ohne Datenbank) programmieren. Ich bin nun fast fertig mit meinem kleinen Projekt, doch mir fehlt noch ein Like Button für Videos inklusive Counter der neben dem Button angezeigt werden soll. Zunächst dachte ich an den input type: "radio".

Wäre toll wenn mir einer einen Tipp geben könnte wie ich meine Website vervollständigen könnte.

Danke in Voraus

...zur Frage

Bei App programmieren funktionsfähigen Button einfügen?

Hallo, ich bin gerade dabei eine kleine App zu programmieren (bin noch Anfängerin).

Das Layout usw. habe ich alles fertig und nun hänge ich an dem Problem einen funktionsfähigen Button einzufügen.

Ich habe einen "Start" Button als Bild eingefügt und mein Ziel ist nun, dass weiter unten ein Satz auftaucht sobald man auf den Button tippt.

Außerdem wäre mein Ziel ebenfalls, dass bei jeder neuen Berührung des Buttons ein neuer Satz erscheint.

Ich habe schon viele Möglichkeiten aus Youtube ausprobiert aber es hat nix funktioniert:(

Ich habe auch schon überlegt ob man das Problem mit If, then, else lösen kann, aber da bin ich mir auch nicht sicher.

Ich arbeite mit html, CSS, Java, (Visual Studio Code)

Ich würde mich über Hilfe sehr freuen:)

Danke im Voraus!

...zur Frage

Bot selber schreiben?

Hallo,

ich lerne gerade Java Script. Man soll ich ja am besten ein Projekt aussuchen, dass man dann mit Java Script umsetzen kann. Jetzt habe ich mir eine Problemstellung rausgesucht, weiß aber nicht genau, ob ich das mit Java Script machen kann oder ob da nicht doch eine andere Sprache geeigneter wäre.

Aufgabenstellung:

1.) Der Bot soll sich 1 Mal am Tag in mein Amazon Konto einloggen.

2.) Der Bot soll eine bestimmte Website besuchen und auf einen von 6 unterschiedlichen Links klicken. (Dies soll random passieren)

Das wars.

...zur Frage

Java Script wie kann ich das dauerhaft wiederholen?

const cars = ["saab", "Volvo", "BMW", "Mercedes"];
async function timer() {

for (let i=0; i < cars.length; i++) {

    console.log(cars[i]);
    await sleep(2000);
}
}

timer();
function sleep(ms) {
    return new Promise(resolve => setTimeout(resolve, ms));
}

...zur Frage

Wenn HTML-Button gedrückt wird PHP-Script ausführen?

Ich möchte, dass wenn ein Button in HTML gedrückt wir, ein PHP-Script ausgeführt wird. Ich habe im Internet folgendes gefunden:

<? php 
if(isset($_POST['sent'])){
	// ...
}
?>

<form method="post" action="script.php">
<input type="submit" name="sent" value="senden">
</form>

Das funktioniert aber irgendwie nicht. Man wird wenn man auf den Button drückt nur zum PHP-Script weitergeleitet. (Bin noch neu mit Php und so, also keine Ahnung woran es liegt.) Eigentlich sollte PHP aber im Hintergrund ausgeführt werden.

Hoffe auf Antworten,

-Bohne47

...zur Frage

Hallo ich wollte mal fragen wie ich in meinem script (c#-Unity) mit if eine Zahl von bis Abfragen?

Also z.b das wenn der Timer 21-25 ist soll eine Nachricht ausgegeben werden.

...zur Frage

Javascript fehler Button Disable?

Das Script erstellt 3 Button, 2 Zum Aktivieren und zum Deaktivieren. Zu Testzwecken noch ein simples Mini-programm. Aber irgendwie funktioniert das nicht.

<button onclick="locker(1)">Lock</button>

<button onclick="locker(2)">Unlock</button>

<input type="button" onclick="tellMessage()" id="btn01" value="OK">

<script>

var mtd = ("")

var a =

function locker(a) {

if (a = 1){

document.getElementById("btn01").disabled = true;

}

else

if (a = 2){

document.getElementsById("btn01").disabled = false

}

function tellMessage() {

mtd = prompt("Please enter message to display", "Your message...")

alert(mtd)

}

</script>

...zur Frage

JS ARRAYS + RECHNEN?

Also ich habe ein Programm wo man per Knopfdruck über einen Prompt etwas schreiben kann und das steht dann im Array, aber es soll so sein das wenn man auf einen anderen Button drückt ein Allert kommt in dem steht wie viel alles zusammen ist also ich möchte es + rechnen.

Falls es hilfreich ist hier mein Code:

<html>

<head>

</head>

<body>

<h1>Stromverbrauch</h1>

<button onclick="addNewItem(); updateList();">Neuen Verbrauch hinzufügen</button>

</ul>

let shoppingItems = getShoppingItemsFromLocalStorage();

updateList();

function getShoppingItemsFromLocalStorage() {

let items = localStorage.getItem('shoppingItems');

if (items == null || items == '') {

items = [];

} else {

items = items.split(',');

}

return items;

}

function addNewItem() {

let item = prompt('Welchen Verbrauch hast du?');

if (item != null) {

shoppingItems.push(item);

localStorage.setItem('shoppingItems', shoppingItems);

}

function removeItem(itemIndex) {

shoppingItems.splice(itemIndex, 1);

localStorage.setItem('shoppingItems', shoppingItems);

}

function updateList() {

document.getElementById('list').innerHTML = '';

for (let index = 0; index < shoppingItems.length; index += 1) {

document.getElementById('list').innerHTML += '<li>' + shoppingItems[index] +

' <button onclick="removeItem(' + index + '); updateList();">X</button></li>';

}

</script>

</body>

</html>

...zur Frage

Ton abspielen Javascript?

Hallo,

Ich möchte auf meiner html Seite einen Sound abspielen, wenn ein Button geklickt wird. Die Seite läuft über den Localhost.

html:

 <script src="script.js"></script>
    <script src="anmeldungj.js"></script>
   <script src="/socket.io/socket.io.js"></script>
    <audio id="ringtone" src="Sound2.mp3"></audio>

JavaScript

var RingSound;
var Sound = new Audio('Sound2.mp3')
RingSound = document.getElementById("ringtone");
...
function Send() {
    if (delay && messageInput.value.replace(/\s/g, "") != "") {
        delay = false;
        setTimeout(delayReset, 1000);
        socket.emit("send", messageInput.value);
        messageInput.value = "";
        RingSound.play();
        Sound.play();
    }
}

Der Pfad stimmt:

Es wird aber kein Sound abgespielt, ich habe es über zwei Varianten versucht.

Ich hoffe jemand kann mir helfen

Jannik

...zur Frage

Html und Javascritp Gif ein und ausblenden lassen?

Ich möchte mit Html und Javascript ein Gif per button einfügen lassen. Ich habe schon einiges ausprobiert aber es funktioniert nicht, ich würde mich gerne über Hilfe freuen. (Die Aufgabe war es einen Kopfrechentrainer zu programmieren, als Zusatz ein Bild einfügen,...)

<html>
	<head>
		<title> Kopfrechentrainer Ultimate </title>
	</head>
	<body>
<script language=javascript>


{	var a;
	var b;
	var c;
	var d;
	var f=0;
	var r=0;
	var x;
}	
	function random()
	
{
	a=Math.floor(Math.random()*90)+10;
	document.rechnen.eingabe1.value=a;
	
	b=Math.floor(Math.random()*9)+1;
	document.rechnen.eingabe2.value=b;	
}


	function kontrolle()
{
	c=document.rechnen.vergleich.value;
	if(a*b==c){r++;document.rechnen.richtig.value=""+r}
	if(a*b!=c){f++;document.rechnen.falsch.value=""+f}


	if(r+f==50)
{
	if(r==0){alert('soos')}
	else if(0<r<=10){alert('saas')}
	else if(10<r<=20){alert('sees')}
	else if(20<r<=30){alert('siis')}
	else if(30<r<=40){alert('suus')}
	else if(40<r<=50){alert('fiif')}
}


}
	function zurück()
{
	document.rechnen.richtig.value=""
	document.rechnen.falsch.value=""
}


	function shutdown()
{
	window.open('https://www.youtube.com/watch?v=dQw4w9WgXcQ');
}


	function bka()
{
   	var audio = new Audio('sirene.mp3');
   	audio.play();


	document.getElementById("bkaf").style.display="none";
}


</script>








	
		<font color ="red"> <h2 align = center>  Kopfrechentrainer Ultimate </h2> </font>
		<br>
		<p align = center> <b>  
		Du kannst hier Multiplikationsaufgaben üben. <br>
		Beim Klicken auf den Button werden dir dir nacheinander 50 Aufgaben gestellt.
		</p> </b>
		<br>
		<br>
		<h1 align = center> Bereit? </h1>
		<br>
	<form name="rechnen">
		<input type=button value="Start" onclick=random()>
		<br> <br>
		<INPUT type=text name=eingabe1 value=""> *
		<INPUT type=text name=eingabe2 value=""> =
		<INPUT type=text name=vergleich value="">
		
			<input type=button value="Kontrolle" onclick=kontrolle()>
			<input type=button value="Zurücksetzen" onclick=zurück()>
				
		<br> <br> 
	<p align = center> <b>
		Richtig gelöst Falsch gelöst
	</b> 
		<br> <br>
		<INPUT type=text name=richtig value=""> 
		<INPUT type=text name=falsch value="">
	<br> <br>
		<input type=button value="shutdown" onclick=shutdown()>
	<br> <br>
		<input type=button value="BKA Modus" onclick=bka()>
		
		<audio autoplay>
 		 <source src="sirene.mp3" type="audio/mpeg">
		</audio>
		<br>
	<div id="bkaf">
	<img id="blaulicht" src="blaulicht.gif">	
	</div>


	</form>










	</body>
</html>

...zur Frage

Java Script wird nicht ausgeführt?

hallo, und zwar wird bei mir nicht Java Script ausgeführt. Könnt ihr mir helfen woran dass liegt???

HTML:

<!DOCTYPE html>

<head>

</head>

<body>

<h1 id="title">Today's Quiz</h1>

</ol>

</div>

</div>

<h2 id="score-title">Your Score</h2>

<button type="button" id="check-answer" onclick="checkAnswer()">Check Answers</button>

</div>

<h2>Answers :</h2>

</ol>

</div>

</body>

</html>

JAVA SCRIPT:

...zur Frage

Textfeld in MySQL Datenbank ohne Reload?

Hallo gutefrage.net Community,

Ich möchte für ein aktuelles Projekt einen Stundenzettel für Mitarbeiter erstellen. Der Aufbau ist im Anhang.

Also im Grunde möchte ich nach der Auswahl der Stunden einen Script durchlaufen, der sich aus der Datenbank die Daten vom Dienstplan holt, das dann verrechnet und wieder abspeichern, ohne dass die Seite neu laden muss.

Das soll ohne einen Speichern Button funktionieren.

Da PHP ja auf dem Server bearbeitet wird kann man nicht einfach mit Javascript den (aktuell mit PHP geschriebenen) script ausführen der das abrufen, rechnen und speichern durchführt.

Wisst ihr eine Möglichkeit wie ich das umsetzen kann?

Mit den sprachen javascript, php, html und MySQL reicht die Theorie bei anderen währe ein Code Beispiel nett.

MFG, Die Zeitmaschiene

...zur Frage

Wo soll ich meine elemente in dem Javascript einfügen?

<script>
      document.addEventListener('DOMContentLoaded', function() {
          const scrollButtons = document.querySelectorAll('.button1');

          scrollButtons.forEach(button => {
              button.addEventListener('click', function() {
                  const target = button.getAttribute('data-target');
                  const targetElement = document.getElementById(target);

                  if (targetElement) {
                      window.scrollTo({
                          top: targetElement.offsetTop,
                          behavior: 'smooth'
                      });
                  }
              });
          });
      });
  </script>

Hi,

AI hat mir den code gegeben um meine buttons nützlich zu machen. Weil ich kein Javascript kann weiß ich nicht wo ich meine class namen einfügen soll.

Bitte helft mir

LG Lisa

...zur Frage

PHP Script vor href ausführen?

Also z.B.

<?php

<button name="test">Das ist ein Knopf</button>

if(isset($_POST["test"])) { 

}

(habe ich jetzt extra kurz gehalten)

Wie kann ich es jetzt so machen, das erst das

if(isset($_POST["test"])) {

ausgeführt wird und man dann automatisch auf google.com weiter geleitet wird?

In den

if(isset($_POST["test"])) {

ist ein INSERT statement, es soll ausgeführt werden und dannach soll direkt der User auf google.com weitergeleitet werden.

Mit dem <a> Tag lässt sich sowas nicht umsetzen, weil man direkt weitergeleitet wird, bevor die Funktion ausgeführt wird.

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen