<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>简易网页时钟</title>
<style type="text/css">
body,p {margin: 0;padding: 0;}
body {color: #fff;font: 16px/1.5}
#clock {width: 300px;text-align: center;background: #1a1a1a;margin: 10px auto;padding: 20px 0;}
span {color: #000;width: 80px;line-height: 2;background: #fbfbfb;border: 2px solid #b4b4b4;margin: 0 10px;padding: 0 10px;}
</style>
<script type="text/javascript">
window.onload = function() {
var oClock = document.getElementById("clock");
var aSpan = oClock.getElementsByTagName("span");
setInterval(getTimes,1000);
getTimes();
function getTimes() {
var oDate = new Date();
var aDate = [oDate.getHours(),oDate.getMinutes(),oDate.getSeconds()];
for(var i in aDate) aSpan[i].innerHTML = format(aDate[i])
}
function format(a) {
return a.toString().replace(/^(\d)$/,"0")
}
}
</script>
<body>
<p id="clock">
<span></span>点<span></span>分<span></span>秒
</p>
</body>
</html>
1.return a.toString().replace(/^(\d)$/,"0")这句表达的是什么意思呢?
2.setInterval(getTimes(),1000)这样写不行吗?为什么?
1、
/^(\d)$/
用于匹配一个只有一个数字的字符串,如2
、3
等,括号的作用在于把数字存为分组1
,replace(/^(\d)$/,"0$1")
用于在数字前添加0
,$1
表示分组1
存放的字符串,如
2
替换为02
、3
替换为03
,你可以在
console
输入'2'.replace(/^(\d)$/,"0$1")
运行看看结果2、不行,
setInterval
第一参数必须是一个函数,而getTimes()
是运行函数后的值,只有getTimes
才是函数连续回答了题主两条类似的问题,建议题主先认真看看书,打好基础