定时器

最新推荐文章于 2025-03-14 14:39:11 发布

jlhaoran

最新推荐文章于 2025-03-14 14:39:11 发布

阅读量477

点赞数

分类专栏： HTML

本文链接：https://blog.youkuaiyun.com/haoranli/article/details/73181440

版权

HTML 专栏收录该内容

29 篇文章

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<title>基本选择器</title>
   <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
   <meta name="author" content="" />
   <meta name="keywords" content="" />
   <meta name="description" content="" />
   <style type="text/css">
     #dl{
      margin: 0 auto;
      width:  300px;
      height: 50px;
      border: 1px solid red;
      color: blue;
      text-align: center;
      line-height: 50px;
      font-size: 20px;
     }
   </style>
   <script type="text/javascript">

    window.setInterval("start()",1000);//启动定时器
    
     function start(){
      var obj = document.getElementById("dl");
      var date = new Date();
      var locale = date.toLocaleString();
      obj.innerHTML = locale;
     }
   </script>
</head>
<body >
   <div id="dl">
     时间
   </div>
</body>
</html>

启动定时器的两种方式：

反复性定时器：格式：window.setInterval(“fn()”,1000);
会反复执行
第二个参数是以毫秒计算的
一次性定时器：格式：window.setTimeout(“fn()”,1000);
执行一次
第二个参数是以毫秒计算的