Home >Web Front-end >JS Tutorial >How to implement the limited time sale countdown function
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>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!