码迷,mamicode.com
首页 > 其他好文 > 详细

2016-12-09

时间:2016-12-10 00:16:32      阅读:206      评论:0      收藏:0      [点我收藏+]

标签:++   时间   element   timer   utf-8   set   多少   style   变量   

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>计时器 </title>

</head>
<body>
    小闹钟:<span id="clock"></span>
    <script type="text/javascript">
    //获取span的id
      var clock_obj = document.getElementById("clock");
      //新建一个变量接收时间
      var time_now = 0;
      //新建一个变量接收秒数
      var count = 0;
        //window.setInterval(要循环的函数,秒数);
      var timer_id = window.setInterval("showTime()",1000);
      //定义一个显示时间的函数
      function showTime()
      {
      //给函数赋值一个时间
        time_now = new Date();
        time_now = time_now.toLocaleString();
        //innerHTML是给标签加内容,前提是要得到标签的id
        clock_obj.innerHTML = time_now;
        //判断运行了多少秒
        count++;
        //如果到了10秒 就执行停止方法
        if(count == 10)
        {
        //这是时钟停止的方法,要给时钟的id进去
            clearInterval(timer_id);
        }
      }
    
    </script>
</body>
</html>

 

2016-12-09

标签:++   时间   element   timer   utf-8   set   多少   style   变量   

原文地址:http://www.cnblogs.com/czbkhzh/p/6152877.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!