今天就举个例子来说一下我学习的新内容,就拿计时器的例子来说:
<script type="text/javascript">
var attime;
function clock(){
var time=new Date();
attime=time.getHours()+":"+time.getMinutes()+":"+time.getSeconds();
document.getElementById("clock").value = attime;
}
setInterval(clock,100);
</script>
</head>
<body>
<form>
<input type="text" id="clock" size="50" style="background:#000;color:#00ff00;width:50px"; />
</form>
首先声明变量并命名为attime:var attime,然后调用函数,在这里,我们写了一个函数clock,通过运用此函数,来达到我们想要输出时间的效果,time.getHours、time.getMinutes等一系列是为了获取我们所需要的时间。后面document获取输出。
后面给显示时间的框定义了样式,大小、背景色等。效果如图: