Asker
0
Q:

jquery timer

//single event i.e. alarm, time in milliseconds
var timeout = setTimeout(function(){yourFunction()},10000);
//repeated events, gap in milliseconds
var interval = setInterval(function(){yourFunction()},1000);
9
$(".submit_wide").click(function () {
    $(this).val('Please wait..');
    $(this).attr('disabled', true);
    setTimeout(function() { 
        $(this).attr('disabled', false);
        $(this).val('Submit');
    }, 2000);
});
1
<!DOCTYPE HTML>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
p {
  text-align: center;
  font-size: 60px;
  margin-top: 0px;
}
</style>
</head>
<body>

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

<script>
// Set the date we're counting down to
var countDownDate = new Date("Jan 5, 2021 15:37:25").getTime();

// Update the count down every 1 second
var x = setInterval(function() {

  // Get today's date and time
  var now = new Date().getTime();
    
  // Find the distance between now and the count down date
  var distance = countDownDate - now;
    
  // Time calculations for days, hours, minutes and seconds
  var days = Math.floor(distance / (1000 * 60 * 60 * 24));
  var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
  var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
  var seconds = Math.floor((distance % (1000 * 60)) / 1000);
    
  // Output the result in an element with id="demo"
  document.getElementById("demo").innerHTML = days + "d " + hours + "h "
  + minutes + "m " + seconds + "s ";
    
  // If the count down is over, write some text 
  if (distance < 0) {
    clearInterval(x);
    document.getElementById("demo").innerHTML = "EXPIRED";
  }
}, 1000);
</script>

</body>
</html>
5
function sleep(ms) {
  return new Promise(resolve => setTimeout(resolve, ms));
}

console.log("Hello");
sleep(2000).then(() => { console.log("World!"); });
0
//to repeat a function here, MyTimer at every 1000 ms ie 1 sec use this
 var myVar = setInterval(myTimer, 1000);
//replace myTimer with your function, and 1000 with the no of seconds between each function call
// used it run refresh function to refresh a page at 300000ms ie every 5 minutes
//var myVar = setInterval(refreshPage, 300000);
function myTimer() {
  var d = new Date();
  document.getElementById("demo").innerHTML = d.toLocaleTimeString();

} 
0
    async function delay(delayInms) {
      return new Promise(resolve  => {
        setTimeout(() => {
          resolve(2);
        }, delayInms);
      });
    }
    async function sample() {
      console.log('a');
      console.log('waiting...')
      let delayres = await delay(3000);
      console.log('b');
    }
    sample();
1
window.setTimeout(function, milliseconds);
0

  <!-- Display the countdown timer in an element -->
<p id="demo"></p>

<script>
// Set the date we're counting down to

  var countDownDate = new Date("Jan 5, 2021 15:37:25").getTime();

// 
  Update the count down every 1 second
var x = setInterval(function() {

  
  // Get today's date and time
  var now = new Date().getTime();

  
  // Find the distance between now and the count down date
  
  var distance = countDownDate - now;

  // Time calculations for 
  days, hours, minutes and seconds
  var days = Math.floor(distance / 
  (1000 * 60 * 60 * 24));
  var hours = Math.floor((distance % (1000 * 
  60 * 60 * 24)) / (1000 * 60 * 60));
  var minutes = Math.floor((distance 
  % (1000 * 60 * 60)) / (1000 * 60));
  var seconds = Math.floor((distance 
  % (1000 * 60)) / 1000);

  // Display the result in the element with 
  id="demo"
  document.getElementById("demo").innerHTML = days + "d " + 
  hours + "h "
  + minutes + "m " + seconds + "s ";

  // If 
  the count down is finished, write some text 
  if (distance < 0) {
    
  clearInterval(x);
    document.getElementById("demo").innerHTML 
  = "EXPIRED";
  }
}, 1000);

  </script>
 
-1

New to Communities?

Join the community