Jassif Team Institution

எடுத்துக்காட்டு

<p id="clock"></p>

<script>
// Call showTime every 1000 millisec
setInterval(showTime, 1000);

// Fuction to display the time
function showTime() {
  const d = new Date();
  document.getElementById("clock").innerHTML =
  d.getHours() + ":" + d.getMinutes() + ":" + d.getSeconds();
}
</script>

setTimeout(function, delay, p1,...,pN)

எடுத்துக்காட்டு

<button id="btn">Start</button>

<p id="demo"></p>

<script>
// let btn listen for a click
document.getElementById("btn").addEventListener("click", function () {
// Then call showMsg after 2 seconds
  setTimeout(showMsg, 2000);
});

// Function to display message
function showMsg() {
  document.getElementById("demo").innerHTML = "Hello after 2 seconds!";
}
</script>

setInterval(function, delay, p1,...,pN)

எடுத்துக்காட்டு

setInterval() ஐ clearInterval() உடன் பயன்படுத்துதல்:

<button id="start">Start Counter</button>
<button id="stop">Stop</button>

<p id="counter">0</p>

<script>
let myInterval;
let count = 0;

const btnStart = document.getElementById("start");
const btnStop = document.getElementById("stop");

// let btnStart listen for a click
document.getElementById("start").addEventListener("click", function () {
// Then start counter
  myInterval = setInterval(counter, 1000);
});

// let btnStop listen for a click
document.getElementById("stop").addEventListener("click", function () {
// Then stop counter
  clearInterval(myInterval);
});

function counter() {
  count++;
  document.getElementById("counter").innerHTML = count;
}
</script>