看代码的注释处两个问题:
<!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>
问题1:
if ( num < 10) {
return "0" + num;}
问题2:
如果你只是想设置timer中的时间的位置的话,把line-height的值和width值设置成相同即可。