Přejít na hlavní obsah

Jak vyvolat pozdrav 5 sekund po spuštění skriptu

Pro začátek budeme muset do našeho dokumentu HTML přidat malý kousek kódu JavaScript. Můžeme to udělat přidáním značky do sekce našeho dokumentu nebo před zavírací značkou . Můžete také vytvořit samostatný soubor se skriptem a připojit jej k dokumentu. Vytvoříme externí soubor script.js a přidáme do něj následující kód:

setTimeout(function() alert("Приветствую!");>, 5000);

Nyní nám zbývá pouze připojit náš skript k dokumentu HTML. K tomu přidáme další značku do sekce nebo před zavírací značkou :

Jak přidat pozdrav 5 sekund po spuštění skriptu: podrobný návod

  1. Vytvořte soubor HTML nebo otevřete existující soubor ve vašem editoru kódu.
  2. Uvnitř značky přidejte novou značku pro práci s JavaScriptem.
  3. Uvnitř značky přidejte následující kód:
setTimeout(() => , 5000);
  1. První řádek kódu setTimeout () nastaví zpoždění 5 000 milisekund (tj. 5 sekund).
  2. V následujících řádcích kódu se vytvoří nová položka

    obsahující pozdrav.

  3. Pomocí metody innerText je pozdrav přiřazen textovému obsahu prvku

    .

  4. Nakonec se pomocí metody appendChild () do položky přidá člen greeting .

Uložte změny do souboru HTML a otevřete jej ve webovém prohlížeči. 5 sekund po načtení stránky uvidíte pozdrav " Zdravím vás!".

Je to snadný způsob, jak přidat pozdrav chvíli po spuštění skriptu.

Krok 1: psaní HTML kódu

Zde je příklad kódu, který můžete použít:

Můj Web

var greeting = document.getElementById("greeting");

greeting.innerHTML = " Zdravím vás na mém webu!";

V tomto kódu nejprve vytvoříme Nadpis první úrovně s textem "můj web". Poté máme prázdný odstavec s identifikátorem "greeting", který bude použit k zobrazení pozdravu.

Poté přidáme značku a vložíme náš JavaScript kód. K nastavení času zpoždění 5 sekund (5 000 milisekund) používáme funkci setTimeout ().

Uvnitř funkce setTimeout() získáme prvek s identifikátorem "greeting" pomocí metody getElementById () a poté nastavíme jeho obsah rovným "vítám vás na mém webu!"pomocí vlastnosti innerHTML.

Poté jednoduše zavřeme značku a zavřeme značku, abychom dokončili náš HTML kód.

Krok 2: vytvoření skriptu JavaScript

  1. Otevřete vytvořený soubor v textovém editoru.
  2. Vložte následující kód do značky

Může se vám také líbit

Jak správně odvodit čtverec

Vykreslení čtverce je jednoduchý a zároveň zajímavý úkol, který může být užitečný jak začátečníkům v programování, tak zkušeným.

Můžete vařit vodu v papírové krabici?

Pitná voda je proces, během kterého se voda zahřívá na varnou teplotu a přeměňuje se na páru. Obvykle se k tomu používají.

Jak sestavit dvě vrstvy Rubikovy kostky

Rubikova kostka je slavná hádanka, která si již mnoho let dobývá srdce lidí různých věkových kategorií a je v arzenálu hádanek mnoha.

DIY letní pohovka - jednoduchý a cenově dostupný projekt pro váš útulný pobyt v přírodě

Když přijde čas odpočinku na chalupě, často přemýšlíme, jak optimálně uspořádat skladování různých předmětů a nástrojů. Vždyť na.

  • Zpětná vazba
  • Uživatelská smlouva
  • Zásady ochrany osobních údajů