定时器
<html>
<head>
<title>TODO supply a title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<script src='//code.jquery.com/jquery-3.3.1.min.js'></script>
<script>
function countdown(){
//js获取指定时间戳
var end = new Date('2019-1-1 00:00:00').getTime();
time = setInterval(function(){
//js获取当前时间戳
var now = new Date().getTime();
//倒计时时间减去当前时间 获取的是时间段 转化为毫秒
var m = Math.round ((end - now) / 1000);
if(m<=0){
clearInterval(time);//清除定时
}
//计算剩余天数
var day = parseInt (m / 24 / 3600);
//计算剩余小时
var hours = parseInt ((m % (3600 * 24)) / 3600);
//计算剩余分钟
var minutes = parseInt ((m % 3600) / 60);
//计算剩余秒数
var seconds = m % 60;
$('#d').html(day);
$('#h').html(hours);
$('#m').html(minutes);
$('#s').html(seconds);
},1000);
}
</script>
<body>
<input type="button" id='img' value='查看倒计时' onclick='countdown()'><br>
距离春节放假还有 <span id='d'></span>天<span id='h'></span>小时<span id='m'></span>分钟<span id='s'></span>秒
</body>
</html>
setInterval():两个参数 一个要执行的函数 一个要执行的时间间隔 每隔多长时间执行一次 (多次)
setTimout();两个参数 一个要执行的函数 一个要执行的时间间隔 固定时间以后执行一次(一次)
clearInterval(time);//清除定时
https://zhidao.baidu.com/question/752974813997041644.html?fr=iks&word=js%B5%B9%BC%C6%CA%B1&ie=gbk
中文定时的方法
<!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>