js中时间函数的使用（实现时钟）

最新推荐文章于 2022-07-11 14:27:41 发布

默默的菜鸟--

最新推荐文章于 2022-07-11 14:27:41 发布

阅读量961

点赞数

CC 4.0 BY-SA版权

分类专栏：前端

本文链接：https://blog.youkuaiyun.com/qq_34160679/article/details/68483340

前端专栏收录该内容

25 篇文章

订阅专栏

本文介绍了一个简单的JavaScript定时器实现方式，通过setInterval方法每秒更新显示当前时间。该定时器利用HTML页面元素实时展示日期时间信息。

<!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.getFullYear()+":"+(time.getMonth()+1)+":"+time.getDay()+":"+time.getHours()+":"+time.getMinutes()+":"+time.getSeconds();
    document.getElementById("clock").value = attime;
  }
   setInterval(clock,1000);
</script>
</head>
<body>
<form>
<input type="button" id="clock" size="50"  />
</form>
</body>
</html>