【倒计时】根据span里面的一个时间段，倒计时

<span id="payTime">9:30:00-11:30:00</span>根据这个span，把倒计时的结果放在span里面，求解了，谢谢

根据<span id="payTime">9:30:00-11:30:00</span>里面的9:30:00-11:30:00
变成这样的倒计时，   剩余时间是：11:30:00 减去9:30:00
然后变成剩余时间： 1小时20分钟MM秒
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
window.onload = function() {
var d1 = new Date(), d2 = new Date();

var str = document.getElementById('payTime').innerHTML;
var ar = str.split('-');
var ar_1 = ar[0].split(':');
var ar_2 = ar[1].split(':');

d1 = d1.setHours(ar_1[0], ar_1[1], ar_1[2], 0);
d2 = d2.setHours(ar_2[0], ar_2[1], ar_2[2], 0);

var t = (d2 - d1) / 1000;
function countDown() {
t --;
var h = Math.floor(t / 3600);
var m = Math.floor((t - h * 3600) / 60);
var s = t - (h * 3600) - m * 60;
document.getElementById('payTime').innerHTML = '剩余时间：' + h + '小时' + m + '分钟' + s + '秒';
if (t == 0) clearInterval(i);
}
var i = setInterval(countDown, 1000);
}
</script>
</head><body>
<span id="payTime">9:30:00-11:30:00</span>
</body>
</html>