Question

JS或者PHP的倒计时程序代码

1、规则1：0点—10点显示“距离抢购还剩下”“时”“分”“秒”。
2、规则2：10点—20点显示“抢购已持续”“时”“分”“秒”
3、规则3：20点-24点显示“今日抢购已结束，感谢您的关注”。

想要的输入是这样的：
<p class="tips">文字提示代码</p>
<p><span class="h">小时数字</span>秒</p>
<p><span class="m">分钟数字</span>秒</p>
<p><span class="s">秒数字</span>秒</p>

之所以把文字提示和各种数字分开，是觉得在调用的时候方便。希望有高手路过可以支个招。谢谢了。大概就是我要表达的意思。

Answer 1

<p class="tips" id="tips"></p>
<p><span class="h" id="h"></span>时</p>
<p><span class="m" id="m"></span>分</p>
<p><span class="s" id="s"></span>秒</p>
<script type="text/javascript">
<!--
setInterval(
function(){
var date = new Date();
hours = date.getHours();
minutes = date.getMinutes();
seconds = date.getSeconds();

if(hours>=0 && hours<10){
document.getElementById('tips').innerHTML = '距离抢购还剩下';
document.getElementById('h').innerHTML = (9-hours);
document.getElementById('m').innerHTML = seconds==0? (60-minutes) : (59-minutes);
document.getElementById('s').innerHTML = seconds==0? 0 : (60-seconds);
}else if(hours>=10 && hours<20){
document.getElementById('tips').innerHTML = '抢购已持续';
document.getElementById('h').innerHTML = (hours-10);
document.getElementById('m').innerHTML = minutes;
document.getElementById('s').innerHTML = seconds;
}else{
document.getElementById('tips').innerHTML = '今日抢购已结束,感谢您的关注。';
document.getElementById('h').innerHTML = '';
document.getElementById('m').innerHTML = '';
document.getElementById('s').innerHTML = '';
}
},
1000);
-->
</script>

追问

请教下，如何让小于10的数字前多个0，例如 6:8:20 显示为 06:08:20

追答

时

分

秒

=0 && hours=10 && hours10? c : '0'+c;
}

-->

Answer 2

用Date函数，以格式化方式获得php服务器的时间，然后与设定的时间做减法，即可写出，参阅
http://www.w3school.com.cn/php/php_ref_date.asp