JS-实现类似于高考倒计时的倒计时时差
2017-09-12 16:22
253 查看
效果描述:设置的结束时间为2017/12/5,其中用了Math.ceil函数把得到的结果向上取整。
具体代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>倒计时</title>
<script language="JavaScript" type="text/javascript">
window.onload = function () {
var curtime = new Date();//获取当前时间
var endtime = new Date("2017,12,5");//设置结束时间
var lefttime = Math.ceil((endtime.getTime() - curtime.getTime())/(24*60*60*1000));//结束时间减去当前时间等于相差时间
// alert(lefttime);
document.getElementById('timeShow').innerHTML = lefttime;
}
</script>
</head>
<body>
<div class="txtshow"><span id="timeShow"></span></div>
</body>
</html>
具体代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>倒计时</title>
<script language="JavaScript" type="text/javascript">
window.onload = function () {
var curtime = new Date();//获取当前时间
var endtime = new Date("2017,12,5");//设置结束时间
var lefttime = Math.ceil((endtime.getTime() - curtime.getTime())/(24*60*60*1000));//结束时间减去当前时间等于相差时间
// alert(lefttime);
document.getElementById('timeShow').innerHTML = lefttime;
}
</script>
</head>
<body>
<div class="txtshow"><span id="timeShow"></span></div>
</body>
</html>
相关文章推荐
- js实现类似于add(1)(2)(3)调用方式的通用方法
- js+html5实现页面可刷新的倒计时效果
- js实现限时抢倒计时
- 使用js实现显示系统当前时间并实现倒计时功能并触发模态框(遮罩)功能
- 按钮被点击后屏蔽点击且倒计时60S能再次被点击-JS实现和JQuery实现
- JS实现倒计时(天数、时、分、秒)
- JS倒计时原理及实现
- js实现发送短信验证码后的倒计时功能(无视页面刷新)
- JS实现倒计时(天数,时,分,秒)
- js实现倒计时
- js获取时间查并实现倒计时读条
- js倒计时简单实现方法
- js与php实现简单的倒计时(新手)
- JS 实现的定时倒计时
- 按钮被点击后屏蔽点击且倒计时60S能再次被点击-JS实现和JQuery实现
- js实现抢购倒计时精确到毫秒 到期提示“抢购已结束”
- js简单倒计时实现代码
- jquery/js实现一个网页同时调用多个倒计时(最新的)
- js获取短信验证码倒计时重新发送的实现方法
- JS实现的网页倒计时数字时钟效果