类似电商倒计时代码
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了类似电商倒计时代码相关的知识，希望对你有一定的参考价值。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="apple-mobile-web-app-title" content="">
<meta http-equiv="Cache-Control" content="no-cache">
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=yes,minimal-ui">
<title>test</title>
<script src="js/jquery-2.0.0.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
var status = 1;
</script>
</head>
<body>
<p id="CountMsg">距离还有：
<b id="t_d">00天</b>
<b id="t_h">00时</b>
<b id="t_m">00分</b>
<b id="t_s">00秒</b>
</p>
<script type="text/javascript">
function GetRTime(){
var EndTime= new Date(‘2016/1/15 13:47:19‘); //截止时间
var NowTime = new Date();
var t =EndTime.getTime() - NowTime.getTime();
var d=-(Math.floor(t/1000/60/60/24));
var h=-(Math.floor(t/1000/60/60%24));
var m=-(Math.floor(t/1000/60%60));
var s=-(Math.floor(t/1000%60));
//console.log("d="+(-d)+"h="+(-h)+"m="+(-m)+"s="+(-s));
document.getElementById("t_d").innerHTML = d + "天";
document.getElementById("t_h").innerHTML = h + "时";
document.getElementById("t_m").innerHTML = m + "分";
document.getElementById("t_s").innerHTML = s + "秒";
if(d == 0 && h ==0 && m ==0 && s == 0){
document.getElementById("t_d").innerHTML = 0 ;
document.getElementById("t_h").innerHTML = 0 ;
document.getElementById("t_m").innerHTML = 0 ;
document.getElementById("t_s").innerHTML = 0 ;
//alert("跳直播间 ")
}
}
setInterval(GetRTime,1000);
</script>
</body>
</html>
以上是关于类似电商倒计时代码的主要内容，如果未能解决你的问题，请参考以下文章
JUC并发编程 共享模式之工具 JUC CountdownLatch（倒计时锁） -- CountdownLatch应用（等待多个线程准备完毕（ 可以覆盖上次的打印内）等待多个远程调用结束）(代码片段
js循环倒计时代码 每5秒循环倒计时到0 再从5秒开始 到0之后刷新页面 类似网易的滚动新闻
超实用的JavaScript代码段 Item1 --倒计时效果
Microsoft Word使用域代码（field code）实现日期倒计时，类似距离xx年xx月xx日还有xx天