倒计时精确到天, 时,分,秒
看图 https://st04.taomodi.com/buy/show.php?itemid=100 有倒计时显示网网址
(模板开发网) 专注destoon 模板仿制服务 联系QQ:290948585
这段代码放在你想显示的位置即可
<span id="timer" ></span>
{if $totime}
<script type="text/javascript">
function TimeTo(dd){
var t = new Date(dd),//取得指定时间的总毫秒数
n = new Date().getTime(),//取得当前毫秒数
c = t - n;//得到时间差
if(c<=0){//如果差小于等于0 也就是过期或者正好过期,则推出程序
document.getElementById('timer').innerHTML ='活动已经结束';
clearInterval(window['ttt']);//清除计时器
return;//结束执行
}
var ds = 60*60*24*1000,//一天共多少毫秒
d = parseInt(c/ds),//总毫秒除以一天的毫秒 得到相差的天数
h = parseInt((c-d*ds)/(3600*1000)),//然后取完天数之后的余下的毫秒数再除以每小时的毫秒数得到小时
m = parseInt((c - d*ds - h*3600*1000)/(60*1000)),//减去天数和小时数的毫秒数剩下的毫秒,再除以每分钟的毫秒数,得到分钟数
s = parseInt((c-d*ds-h*3600*1000-m*60*1000)/1000);//得到最后剩下的毫秒数除以1000 就是秒数,再剩下的毫秒自动忽略即可
document.getElementById('timer').innerHTML = ' <b>'+d+'</b> 天 <b>'+h+'</b></b> 时 <b>'+m+'</b> 分 <b class="ss">'+s+'</b> 秒';//最后这句讲定义好的显示 更新到 ID为 timer的 div中
}
(function(){
window['ttt']=setInterval(function(){
TimeTo('{date('Y/m/d', $totime)} 23:59:59');//定义倒计时的结束时间,注意格式
},1000);//定义计时器,每隔1000毫秒 也就是1秒 计算并更新 div的显示
})();
</script>
{else}
长期有效
{/if}
{if $expired} <span class="f_red">[已过期]</span>{/if}
您可能在找更多
前端开发技术之jquery实现可关闭的倒计时广告特效HTML代码
这是一款类似播放视频时候最开始的倒计时广告,广告时间结束才能看到视频内容,一个JS小贴片广告代码,右上角带关闭按钮,左上角显示倒计时剩余时间,运行jQuery代码综合实现,CSS和HTML共同结合的网页特效,兼容各
网络转载 JS相关2021-12-22
用JS使广告窗口倒计时5秒后关闭
!DOCTYPE htmlhtml lang="en"headmeta charset="UTF-8"meta name="viewport" content="width=device-width, initial-scale=1.0"meta http-equiv="X-UA-Compatible" content="ie=edge"titleDocument/titlestyleb
小黑 JS相关2019-10-11
JQ+JS实现倒计时功能
页面代码123456789divclass="time"class=""id="onBidtime125"pid="125"divclass="timeicon"/div距离结束:spanclass="day"-/span天spanclass="hour"-/span小时spanclass="minute"-/span分spanclass=&quo
网络 网页特效2016-09-05