南大软院二十一天成神计划

来源:互联网 发布:js获取整个页面的内容 编辑:程序博客网 时间:2024/05/15 23:45

今天就举个例子来说一下我学习的新内容,就拿计时器的例子来说:

<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获取输出。

后面给显示时间的框定义了样式,大小、背景色等。效果如图:


0 0
原创粉丝点击