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>

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

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

答案：<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>

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

上一个：php中：怎么写：在登录页面填写的用户名的值，显示到另一个页面的姓名处
下一个：无法载入 mcrypt 扩展，<br />请检查 PHP 配置