Eine Bild anzeigen abhängig vom Wochentag, Zeit und Minuten, Html?

Weis einer wie ich ein bild anzeigen kan der ab einer bestimmten minuten wie von __:40--_:50 und einer bestimmten stunde z.B 1:00 und ein bestimmten wochentag z.B Samstag angezeigt wird. Ich weiß das man die If funtion anwenden muss...

4 Antworten

Tilo2300

16.07.2022, 16:42

HTML kann das nicht von alleine, dazu brauchst du JavaScript oder etwas ähnliches. IF ist dann zwar schon ein Ansatz, ich würde aber wahrscheinlich auf SELECT CASE setzen.

Der Trick ist, erst mal die aktuelle Uhrzeit und den Wochentag zu ermitteln und jeweils in einem prüfbaren/vergleichbaren Format in eine Variable zu bringen.

Google mal nach JavaScript und GetTime und GetDayOfWeek.

MrAmazing2

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

HTML, programmieren, Programmieren & Softwareentwicklung

16.07.2022, 16:42

const now = new Date();
if (now.getMinutes() > 39 && now.getMinutes() < 51 && now.getHours() == 1 && now.getDay() == 6) {
  //Bild anzeigen
} else {
  //Bild nicht mehr anzeigen
}

Das packst du in eine Funktion und rufst diese jede Minute auf:

setTimeout(deineFunktion, 60*1000);

Woher ich das weiß:Hobby – Programmieren ist mein Hobby & Beruf

geheim007b

16.07.2022, 16:42

per javascript via date funktion

TechPech1984

Nutzer, der sehr aktiv auf gutefrage ist

im Thema programmieren

16.07.2022, 16:44

mit HTML nicht , dazu brauchst du JavaScript .

siehe frage

https://www.gutefrage.net/frage/bild-durch-bedingte-einstellungen-anzeigen-html

Ähnliche Fragen

HTML Mehr Lesen...?

Hallo,

ich Habe gerade einen Link für eine Seite erstellt, und möchte nun das unter diesem link noch ein link ist. Und wenn man drauf drückt soll er einen bestimmten Text anzeigen, aber er soll nicht auf eine neue seite kommen, geht dies auch ohne JavaScript? oder so etwas ähnliches?

...zur Frage

refresh funktion einbauen?

wie kan ich eine refresh funtion bei einer if funtion einbauen?

Hier soll zum Beispiel anstatt document.get.. die refresh funton stehen.

<meta http-equiv="refresh" content="600">


if (myHour >= 15 && myHour < 16 && myMinutes >= 0 &&myMinutes < 10 ) {
      document.getElementById("contMinutes").innerHTML = '<img src="0074.png" alt="xxx" />';

...zur Frage

Wie kann ich eine Seite ab einer Uhrzeit aktualisieren?

wie kann ich eine Seite ab einer bestimmten Uhrzeit aktualisieren, das heißt z.B das ab 8:00 Uhr die Website sich jede 10 Minuten aktualisiert. Bisher weiß ich nur den Code.

<meta http-equiv="refresh" content="600">

...zur Frage

html bild an bestimmten tagen anzeigen?

hallo ich möchte in auf einer webseite ein bild zu einem bestimmten zeitraum anzeigen lassen zum beispiel soll das bild von datum x bis datum y angezeogt werden hätte jemmand tipps wie ich das tun kann danke im vorraus

MfG Kahletox

...zur Frage

Code Beginner;hILFE?

So, ich habe vor kurzem angefangen zu "programmieren" mit HTML. Jedoch habe ich ein Problem. Aus irgendeinem Grund (den ich nicht verstehe) wird mein Code nicht richtig geused bzw. habe ich einen Fehler den ich nicht sehe, denn beim Anzeigen des Cods werden zwei anstatt ein Button angezeigt, ausserdem verstehe ich nicht wieso mein Link nicht funkioniert. Ich habe meinen Code hier rein kopiert und hoffe auf Hilfe.

-------------------------------------------------------------------------------------------------

<!DOCTYPE html>
<html>
  <head>
    <h1><strong>Get FREE Brawl Stras Gems</strong><h1>
      <img src="https://www.linkedin.com/pulse/stepbrawl-stars-gems-coins-generator-without-sq9rc">
  </head>
  <body>
    <p><em>Click here to get FREE Brawl Stars Gems!</em><br>Or click on the Link if the Button doesntt work.</br></p1>
    <button>FREE GEMS<button>
<a href= "https://www.linkedin.com/?trk=article-ssr-frontend-pulse_nav-header-logo">
  <!-- Ja, ich habe es auf Englisch geschrieben. :)>
  
  
  
  </body>
</html>

...zur Frage

Link mit JavaScript öffnen (wie ein <a href> in html)?

Hallo erstmal,

ich bin gerade dabei eine kleine Suchmaschine zu bauen.

zuerst wollte ich mithilfe eines TextFields nur die zum Suchbegriff passenden <a href> anzeigen lassen. Jedoch habe ich mich damit abgefunden, dass das zu komplex ist.

Jetzt wollte ich aber wenigstens durch einen bestimmten Suchbegriff eine bestimmte .html Seite öffnen.

--> also sozusagen wie ein gedrückter <a href>

Weiß da zufällig jemand wie das geht?

(hoffe man hat es verstanden wie ich meinte. Falls nicht einfach nachfragen.)

Vielen dank im voraus.

...zur Frage

Mit Javascript zu einem Teil im HTML Dokument springen?

Hallo !

Ich bin gerade dabei eines meiner ersten Projekte mit JavaScript/CSS/HTML umzusetzen.

Ich bin gerade dabei eine Suchfunktion einzubauen.

Ich habe eine Layout von Material Design Lite verwendet. Ich habe es so umgesetzt, dass das ganze im einem HTML Formular steht und beim absenden (drücken der ENTER Taste) eine JavaScript Funktion ausgeführt wird. Bei dieser hole ich mir mithilfe von document.getElementById().value den Wert der eingegeben wurde und sage, dass dieser Wert auf eine Variable übertragen wird. Ich frage per If und else ab was eingeben wurde (Bsp. 1) und will dann das zum einem bestimmten Teil im HTML Text gesprungen wird.

Mein Problem :

Ich muss es irgendwie umsetzen, dass mit JavaScript Code zu einem bestimmten Teil (im HTML Text ) gesprungen wird OHNE das man auf einen Link klicken muss.

Weiß jemand von euch hier, wie das möglich ist ?

(Danke für deine Zeit, beim Lesen und Danke für jede Antwort)

Hier der Code meiner JavaScript Funktion

Hier der Code des HTML Formulars

...zur Frage

Wie bekomme ich einen Parameter aus einer externen JSON Datei (URL)?

Hey Leute ich möchte mir den aktuellen Bitcoin Kurs auf meiner Website anzeigen lassen. Habe dazu von einer API eine JSON Datei gefunden die alle 15 Minuten geupdatet wird. https://www.bitstamp.net/api/v2/ticker/btcusd/

Nun frage ich mich wie ich das in einen JS Code einbinde um den aktuellen Kurs anzeigen zu lassen.

Kann mir da einer helfen wie ich das in mein HTML einbinde?

...zur Frage

Wie kann ich bei HTML Input Time 30 Minuten Schritte machen?

Ich habe ein Formular bei HTML und möchte das man keine Uhrzeit wie 13:43, 11:27 Uhr und so angeben kann, sondern nur 11:30, 12:00 Uhr. Also quasi 30 Minuten Schritte. Wie kann ich das realisieren?

...zur Frage

Excel - Wenn Dann Funktion mit Ergebnis als Zeitwert

Hallo

Ich habe ein Excel Problem mit dem ich nicht weiter komme.

So sieht meine Formel aus. Aber dann funktioniert die Summenbildung nicht. Weil Excel die Ergebnisse nicht als Zeit erkennt.

=WENN(M43=7;"0:00";WENN(M43=6;"0:00";WENN(M43=5;"6:00";"8:25")))

Als Erklärung:

=Wenn(Wochentag=Sonntag;0:00h; Wenn(Wochentag=Samstag;0:00h; Wenn(Wochentag=Freitag;6:00h;8:25h)

Ich bin für Vorschläge offen.

...zur Frage

HTML: Bild durch bedingte Einstellungen anzeigen?

Wie kann ich ein Bild durch eine bedingte Option anzeigen? Es soll z.B. am Donnerstag, wenn die Uhrzeit zwischen 7 bis 21 Uhr ist, ein bestimmtes Bild anzeigen.

<script>
  document.write('<div id="contHour"></div>');
  mainDate = new Date();
  myHour = mainDate.getHours();
  mySeconds = mainDate.getSeconds();
  const weekday = [ "bild1.jpg", "bild2.jpg", "bild4.jpg", "bild14.jpg", "DO14.png", "bild20.jpg", "bild21.jpg" ];
  const d = new Date();
  let day = weekday[d.getDay()];
  <!--	document.getElementById("demo").innerHTML = "<img src='"+day+"' />";>

  if (myHour >= 21 && myHour < 7) { //ab dieser Zeit wird ein bestimmtes Bild angezeigt
    document.getElementById("contHour").innerHTML = '<img src="M7.png" alt="kein Bild" />';
  }
  else if (myHour >= 7 && myHour < 8) {
    document.getElementById("contHour").innerHTML = '<img src="M7.png" alt="kein Bild" />';
  }
  else if (myHour >= 8 && myHour < 9) {
    document.getElementById("contHour").innerHTML = '<img src="M8.png" alt="kein Bild" />';

...zur Frage

Wie kann ich bei OpenOffice Calc, die Farbe aller positiven Zahlen in einer bestimmten selbstausgesuchten Farbe anzeigen lassen?

Also ich habe eine Spalte im OpenOffice Calc (Excel) wo die Gewinne und Verluste angezeigt werden. Die Gewinne grün und alle Zahlen mit Minus davor rot.

Dazu habe ich auf die Spalte geklickt und dann auf "Format", "Zellen", und dann unten in den Format Code: [GRÜN]#,00;[ROT]-#,00 eingegeben. Soweit funktioniert alles.

Mir gefällt aber das angezeigte vorgerfertigte grün nicht und ich möchte es gerne ändern in ein anderes grün. Kann ich also zum Beispiel anstatt [GRÜN] auch den HTML Farbencode der gewünschten Farbe eintragen ? Bei mir hat es nicht funktioniert.

...zur Frage

HTML programmieren Login / Weiterleitung?

Hallo, ich bin gerade meine Website per HTML und CSS am schreiben.
Nun möchte ich, dass eine gewisse Seite nur per Passworteingabe erreicht wird. Kein kompliziertes Login. Man soll einfach nur ein Wort eingeben müssen um weitergeleitet zu werden, wenn die Eingabe richtig ist. Wenn nicht bleibt man bei der aktuellen Ansicht.

Ich habe einiges ausprobiert, vor allem mit PHP, aber so gut wie jedes Php Tutorial war für meinen Fall unnötig kompliziert und funktioniere letztendlich nicht bei meiner Seite.

Gibt es einen einfach „if“ Befehl, der dann mit „a href“ zur nächsten Seite leitet, bei korrekter Text/Passwort Eingabe?

Oder sonst einen Code den ich anwenden kann?
Ich muss nur den Code zum Weiterleiten wissen, wie Textfeld usw eingesetzt wird weiß ich.

...zur Frage

C++: Wochentag bestimmen?

Hi alle zusammen,

ich habe heute einen Code geschrieben, in dem ich den Wochentag bestimmen will. Das Problem ist, ich weiß nicht, wie ich mit dem Ergebnis dann den Tag auswähle. Ich habe mit if und auch mit switch-Anweisungen herumgespielt, es aber nicht hinbekommen.

Hier der Code:

#include "pch.h"
#include <iostream>

using namespace std;

int day;
int monatstag;
int Wochentag;
int Jahr;
int er1;
int er2;
int er3;
char Monat;
int Monat2;

int main()
{
  cout << "Bitte geben sie dann Tag ein" << endl;
  cin >> day;
  cout << "Bitte geben sie ein Jahr ein" << endl;
  cin >> Jahr;

  // Jahrescode
  er1 = Jahr / 4;
  er2 = Jahr + er1;
  er3 = er2 % 7;

  cout << "Bitte gebe sie denn Monat ein\n";
  cin >> Monat;

  // Monat
  switch (Monat) {
    case('Jan'): {
      Monat2 = 6;
    }
      break;
    case('Feb'): {
      Monat2 = 2;
    }
      break;
    case('Mär'): {
      Monat2 = 2;
    }
      break;
    case('Apr'): {
      Monat2 = 5;
    }
      break;
    case('Mai'): {
      Monat2 = 0;
    }
      break;
    case('Jun'): {
      Monat2 = 3;
    }
      break;
    case('Juli'): {
      Monat2 = 5;
    }
      break;
    case('Aug'): {
      Monat2 = 1;
    }
      break;
    case('Sep'): {
      Monat2 = 4;
    }
      break;
    case('Okt'): {
      Monat2 = 6;
    }
      break;
    case('Nov'): {
      Monat2 = 2;
    }
      break;
    case('Dez'): {
      Monat2 = 4;
    }
      break;
  }

  // WochentagFormel
  Wochentag = day + Monat2 + er3;

  if (Wochentag == 1) {
    cout << "Es ist ein Montag";
  }
  else if (Wochentag == 2) {
    cout << "Es ist ein Dienstag";
  }
  else if (Wochentag == 3) {
    cout << "Es ist ein Mittwoch";
  }
  else if (Wochentag == 4) {
    cout << "Es ist ein Donnerstag";
  }
  else if (Wochentag == 5) {
    cout << "Es ist ein Freitag";
  }
  else if (Wochentag == 6) {
    cout << "Es ist ein Samstag";
  }
  else if (Wochentag == 7, 0) {
    cout << "Es ist ein Sonntag";
  }

  return 0;
}

Also, ich habe das Ergebnis vom Wochentag, also die Zahl und jetzt will ich, dass das Programm den Tag dann sagt. Ich weiß halt nicht, wie.

Danke schon im Voraus.

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen