求大神写断倒计时代码 php,js皆可
如果今天是星期三 ,12:00以前显示为 00时00分00秒0, 12:00 活动开启 这时开始倒计时 到 18:00 结束还有 xx时xx分xx秒x,
到结束时间以后停止计时 显示的是 00时00分00秒0。
下面是我贴出来的倒计时部分的代码
<span>倒计时:</span><div class="count_list" id="hour">0</div>
<div class="count_list" id="hour">5</div><span>时</span>
<div class="count_list" id="min">0</div><div class="count_list" id="min">1</div>
<span>分</span><div class="count_list" id="sec">2</div><div class="count_list" id="sec"> 8
</div><span>秒</span><div class="count_list" id="ms">0</div>
此倒计时是在页面广告处
今天的活动结束后,又开始倒计时距离下周三 12:00活动开启还有 0天0时0分0秒,
下面是我贴出来的倒计时部分的代码
<div class="bank_xianshi_time">剩余0天0时0分0秒</div>
活动未开启时,点击产品弹出“活动未开始!”,然后直到2014年6月22日12:00结束特惠星期三活动。
以前显示倒计时的地方 显示<div class="bank_xianshi_time">活动已结束</div>
此倒计时在产品处
急用,在线等 展开
这是我之前网上找到改的,只是个建议,希望对你有用。如果使用到的话,要记住调用jquery.js
css代码:
/* 距离结束时间 */
.overtime{
padding: 10px 0;
font-size: 14px;
border-bottom: 1px dashed #FFCC8F;
}
.overtime div{
white-space: nowrap;
overflow: hidden;
}
.overtime .times{
margin-top: 10px;
height: 30px;
line-height: 15px;
white-space: nowrap;
overflow: hidden;
}
.overtime .times span{
display: inline-block;
width: 40px;
height: 30px;
line-height: 30px;
text-align: center;
background: url("../images/times_bg.png") no-repeat;
margin: 0 3px;
font-size: 20px;
color: #fff;
}
html代码:
<div class="overtime">
<div>距离秒杀结束时间还有:</div>
<div class="times">
<span id="day">-</span>天
<span id="hour">-</span>小时
<span id="minute">-</span>分
<span id="second">-</span>秒
</div>
</div>
<script type="text/javascript">
$(function(){
countDown("2014/8/8 23:59:59",".times #day",".times #hour",".times #minute",".times #second");
});
function countDown(time,day_elem,hour_elem,minute_elem,second_elem){
var end_time = new Date(time).getTime(),//月份是实际月份-1
//current_time = new Date().getTime(),
sys_second = (end_time-new Date().getTime())/1000;
var timer = setInterval(function(){
if (sys_second > 1) {
sys_second -= 1;
var day = Math.floor((sys_second / 3600) / 24);
var hour = Math.floor((sys_second / 3600) % 24);
var minute = Math.floor((sys_second / 60) % 60);
var second = Math.floor(sys_second % 60);
day_elem && $(day_elem).text(day);//计算天
$(hour_elem).text(hour<10?"0"+hour:hour);//计算小时
$(minute_elem).text(minute<10?"0"+minute:minute);//计算分
$(second_elem).text(second<10?"0"+second:second);// 计算秒
} else {
$(day_elem).text(0);//计算小时
$(hour_elem).text("00");//计算小时
$(minute_elem).text("00");//计算分
$(second_elem).text("00");// 计算秒
clearInterval(timer);
}
}, 1000);
}
</script>
你也是做php的!?我也是新手来着。真是难得呀女孩纸,我和你可是同乡唷,还是同一城市(虽然现在没在家乡)!嗯,很感谢你的回答,不过我要实现的是每周三开启活动!
我主要是做网站前台页面的编写的,技术很落后,我们网站是php的,我没写那些代码,不过这两天被逼弄了点php的小问题,也在不断的求助中。就是很遗憾,没帮到你。
2024-09-19 广告