定时器练习(没完成)

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<div id="div1">

</div>
<script type="text/javascript">
    var oDiv = document.getElementById("div1");
    var timer = window.setInterval(function(){
        var str = getTime();
        oDiv.innerHTML =" 北京时间 "+str;
    },1000);

      //定时器:设置一个定时器,在设置一个等待的时间,到达指定时间后
      // 执行对应的操作
      //  window.setInterval([function],[interval])
      //   设置一个定时器,到达指定的时间[interval]执行我们的操作
      //   [function],然后定时器并没有停止,以后每隔这么长时间
       //   都重新的执行我们的[function]
      //   window.setTimeout([function],[interval]);
      //  设置一个定时器,到达指定的时间[interval],执行我们的操作
      //  [function],定时器 停止
      //var count = 0 ;
    /*  var timer = window.setInterval(function(){
          count++;
          console.log(count);
      },1000)*/
      /*var timer =window.setTimeout(function(){
          count++;
          console.log(count);
      },1000)*/

    //    var time1 = setInterval(function() {
    //        var n = num++;
    //        console.log(n);
    //        if (n == 10) {
    //          clearInterval(time1)
    //        }
    //    },1000)
      function getTime(){
          var tarTime = new Date("2017/04/5 21:59:59");
          var nowTime = new  Date();
          var tarSpan = tarTime.getTime();
          var nowSpan = nowTime.getTime();
          //
          var diffTime = tarSpan - nowSpan;
          //   1、算出总毫秒差中包含的小时有几个
          var hour = Math.floor(diffTime/(1000*60*60));
          //   2、当前这几个小时占了多少毫秒
          var hourMs = hour*60*60*1000;
          // 3、接下来算分钟的时候,需要把小时占用的减去
          var spanMs = diffTime -hourMs;
          //  4、开始算spanMs中包含多少分钟
          var  minute=Math.floor(spanMs/(1000*60));
          //  5、算这么多分钟占用多少毫秒
          var minuteMs=minute*60*1000;
          // 6、算秒的时候把分钟占用的也减去
          spanMs=spanMs-minuteMs;
          // 7、算剩下的包含多少秒
          var second = Math.floor(spanMs/1000);
          return zero(hour)+":"+zero(minute)+":"+zero(second);
      }
      function zero(value){
          return value < 10?"0"+value:value;
      }
  </script>
</body>
</html>
时间: 2024-10-18 06:50:31

定时器练习(没完成)的相关文章

Javascript定时器(一)——单线程

一.JavaScript 引擎是单线程的 可以从下面的代码中看到,第一个用setTimeout中的代码是死循环,由于是单线程,下面的两个定时器就没机会执行了. <script type="text/javascript"> setTimeout( function(){ while(true){} } , 100); setTimeout( function(){ alert('你好!setTimeout'); } , 200); setInterval( function

TCP的四种定时器

一.重传计时器 TCP提供可靠机制,因此对于丢失的报文需要进行重传! 那么,发送一个数据出去之后,什么时候进行重传呢?用到了重传定时器. 在发送数据后,便立刻创建一个该报文段的重传定时器. 如果定时器还没结束,收到了确认报文,则撤销该定时器. 如果定时器结束,还没收到确认报文,则进行重发. 定时器时间为动态计算的,常见公式新RTT=旧RTT的90%+当前RTT*10% 二.坚持计时器 接受方窗口为0,则发送端会停止发送,直至收到接受方窗口不为0的通告. 但是,如果接受方窗口不为0的通告丢失了,则

Linux 驱动之内核定时器

1.定时器 之前说过两类跟时间相关的内核结构. 1.延时:通过忙等待或者睡眠机制实现延时. 2.tasklet和工作队列,通过某种机制使工作推后执行,但不知道执行的具体时间. 接下来要介绍的定时器,能够使工作在指定的时间点上执行,而且不需要使用忙等待这类的延时方法.通过定义一个定时器,告之内核在哪个时间需要执行什么函数就可以了,等时间一到,内核会就执行指定的函数. 2.使用定时器 定时器的使用很简单,只需要三部: 1.定义定时器结构体timer_list. 2.设置超时时间,定义定时器处理函数和

【Nginx】定时器事件

转自:烟雨江南 Nginx事件管理主要是网络事件和定时器事件.下面介绍定时器事件管理,即超时管理. 为什么进行超时管理? Nginx有必要对可能发生超时的事件 进行统一管理,并在事件超时时作出相应的处理,比如回收资源,返回错误等.举例来说,当客户端对nginx发出请求连接后,nginx会 accept()并建立对应的连接对象.读取请求的头部信息.而读取这个头部信息显然是要在一定的时间内完成的.如果在一个有限的时间内没有读取到头部信息或者读取的头部信息不完整,那么nginx就无法进行正常处理,并且

Timer和TimerTask定时器使用

Timer是一种定时器工具,用来在一个后台线程计划执行指定任务.它可以计划执行一个任务一次或反复多次. TimerTask一个抽象类,它的子类代表一个可以被Timer计划的任务.具体的任务在TimerTask中run接口中实现. 通过Timer中的schedule方法启动定时任务. 一.运行定时器启动一个定时器实质是启动一个线程 1.在指定日期运行定时器任务,只运行一次 public static void main(String[] args) throws ParseException {

JS运动从入门到兴奋1

hello,我是沐晴,一个充满了才华,却靠了照骗走江湖的前端妹子.在这个充满PS的年代,这你们都信,哈哈,废话不多说,今天要分享的是关注JS运动的知识.楼主一直认为,不管学习什么,核心思想才是王道,掌握了思想,不管需求怎么改变,我们都能把它玩弄于股掌之中...下面我们就由浅入深走进运动的世界吧. 首先来看最基础的运动:单个物体向右匀速运动到某一点停止      例子:一个按钮,一个div,点击按钮,让div向右运动到某一个位置暂停 // 原理: 1 获取物体当前的位置 oDiv.offsetle

JS运动1 (转)

JS运动从入门到兴奋1 http://www.cnblogs.com/moqing/p/5666476.html hello,我是沐晴,一个充满了才华,却靠了照骗走江湖的前端妹子.在这个充满PS的年代,这你们都信,哈哈,废话不多说,今天要分享的是关注JS运动 的知识.楼主一直认为,不管学习什么,核心思想才是王道,掌握了思想,不管需求怎么改变,我们都能把它玩弄于股掌之中...下面我们就进入运动的世界吧. 首先来看最基础的运动:单个物体向右匀速运动到某一点停止      例子:一个按钮,一个div,

Cocos2d-x 个人笔记 《2048》(5)

- - 想做特效. 我写的合并方法是调用 display 重绘精灵的图片,使用CCActionInterval 后,我打算把重构精灵延时. 然后就乱了...动作线程还没执行玩,精灵就销毁了什么的.还有定时器还没执行就又调用定时器什么. CCScheduler#scheduleSelector. Selector already scheduled...这之类的错误. 果断重写,把每个要移动的矩阵元素 的移动目标保存下来,然后一次执行所有的动作,再延时重载精灵图片. 用了一个 b[][] 存移动到

转 JavaScript 运动框架 Step by step

1,运动原理 Js运动,本质来说,就是让 web 上 DOM 元素动起来.而想要 DOM 动起来,改变其自身的位置属性,比如高宽,左边距,上边距,透明度等.动画的原理就是把不同状态的物体,串成连续的样子,就像一本书,画了几个小人,然后 一翻书,就看见小人在动.js动画也一样.不同状态的DOM,用定时器控制,就能得到动画效果. [javascript] view plain copy window.onload = function(){ var oBtn = document.getElemen

JS运动从入门到精髓!哈哈

首先来看最基础的运动:单个物体向右匀速运动到某一点停止      例子:一个按钮,一个div,点击按钮,让div向右运动到某一个位置暂停 // 原理: 1 获取物体当前的位置 oDiv.offsetleft // 2 利用定时器,每隔一定的时间,让物体位置增加相同的距离(10px). // 3 判断物体是否移动到指定位置(500px),如果到达,就清除定时器 var oBtn = document.getElementById('btn'); var oDiv = document.getEle