两个问题？
看代码的注释处两个问题：
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>定时器</title>
<script type="text/javascript">
var attime;
function clock(){
var time=new Date();
attime=time.getHours()+":"+time.getMinutes()+":"+time.getSeconds();
document.getElementById("clock").value = attime;
}
var int=setInterval(clock,100)
//如何让显示的时间的分和秒在一位数时前面有个零？
</script>
<style type="text/css">
*{padding:0; margin:0;}
.timer{width:100px; margin:300px auto;}
//这里怎么设置让timer可以在中间位置，也就是上下是auto；左右也是auto
//但是margin不能设置两个auto，这里该怎么办？
</style>
</head>
<body>
<div class="timer">
<form>
<input type="text" id="clock" size="10" />
</form>
</div>
</body>
</html>
