Community Learn Tools Library Leisure
search
English
Home > Web Front-end > JS Tutorial > body text

How to implement the limited time sale countdown function

小云云
Release： 2018-02-06 11:50:24
Original
4162 people have browsed it

This article mainly brings you a complete example of limited time sale-countdown (share). The editor thinks it is quite good, so I will share it with you now and give it as a reference for everyone. Let’s follow the editor to take a look, I hope it can help everyone.

As shown below: 


<!DOCTYPE HTML>
<html>
<head>
 <meta charset=utf-8"/>
 <title>团购——限时抢</title>
</head>
<body>
<p>
 <p class="time">还剩 <span id="LeftTime"></span></p>
</p>
<script>
 function FreshTime() {
  var endtime = new Date("2017/10/15,12:20:12");//结束时间
  var nowtime = new Date();//当前时间
  var lefttime = parseInt((endtime.getTime() - nowtime.getTime()) / 1000);
  d = parseInt(lefttime / (24 * 3600));
  h = parseInt(lefttime /3600%24);
  m = parseInt(lefttime/60%60);
  s = parseInt(lefttime % 60);

  document.getElementById("LeftTime").innerHTML = d + "天" + h + "小时" + m + "分" + s + "秒";
  if (lefttime <= 0) {
   document.getElementById("LeftTime").innerHTML = "团购已结束";
   clearInterval(sh);
  }
 }

 var sh;
 sh = setInterval(function () {
  FreshTime()
 },500);

</script>

</body>
</html>
Copy after login

Rendering:

Related recommendations:

jquery countdown applet implementation code

jQuery implements countdown and SMS countdown functions Implementation code

js anti-refresh countdown codejs countdown code

The above is the detailed content of How to implement the limited time sale countdown function. For more information, please follow other related articles on the PHP Chinese website!

Related labels：
Countdown method flash sale
source：php.cn
Previous article：Use express to start server service method sharing Next article：Canvas gorgeous countdown implementation code sharing
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
Why does the number of cookies in the "Cookie" request header exceed the number of cookies set in the "set-cookie" response header? I'm a newbie to web crawling, so my understanding of http requests is very shallow. When I...
From 2024-04-05 14:52:06
0
1
3571
Unable to implement this htaccess redirect I have a maindomain.com which contains a website and some pages here should be temporarily...
From 2024-04-04 23:43:51
0
1
1376
I want to send two different emails to two different addresses using php in the same function So when a product is ordered from a merchant registered on my website, I want my code to u...
From 2024-04-04 22:17:09
0
1
1481
WooCommerce Checkout - Validate user roles and cart contents I'm having a challenge with WooCommerce's checkout process. I use the "B2BforWooComme...
From 2024-04-03 11:58:52
0
1
475
Google Sheets code: Resolving permission issues and data placement errors I'm writing my first code using Google Script. I'm having a problem with my code, it doesn...
From 2024-04-03 09:26:47
0
1
278
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template