js定时器 倒时器

setInterval(“fun()”,1000)

setInterval(fun, 1000);每隔1秒钟,就去执行一次 fun 这个函数(最常用)

setInterval( function(){} , 1000 )

setInterval(fun(),1000)  错误的

倒计时:<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title></title>
  <style type="text/css">
   *{
    margin: 0;
    padding: 0;
   }
   #box{
    width: 100%;
    height: 50px;
    margin: 0 auto;
    background-color: lightpink;
   }
   #txt{
    line-height: 50px;
    text-align: center;
    font-size: 30px;
    color: deeppink;
    font-family: "微软雅黑";
   }
  </style>
  <script>
   window.onload = function(){
   var box = document.getElementById(‘box‘);
   var txt = document.getElementById(‘txt‘);
   setInterval(fun,1000);
   function fun(){
    var date = new Date();
    var wuyi = new Date(‘2018/5/1 00:00:00‘);
    var second =parseInt((wuyi.getTime()-date.getTime())/1000);
    var day =parseInt(second/3600/24) ;
    var h = parseInt(second/3600%24);
    var min =parseInt(second/60%60);
    var s= parseInt(second%60);
    day<10?‘0‘+day:day;
    h<10?h=‘0‘+h:h;
       min<10?min=‘0‘+min:min;
       s<10?s=‘0‘+s:s;
    txt.innerHTML = ‘距离五一还有‘+day+‘天‘+h+‘小时‘+min+‘分‘+s+‘秒‘;
   }
  }
  </script>
 </head>
 <body>
  <div id="box">
   <p id="txt"></p>
  </div>
 </body>
</html>

原文地址:https://www.cnblogs.com/verayangnakiss/p/8538703.html

时间: 2024-08-28 08:44:40

js定时器 倒时器的相关文章

JS 代码编一个倒时器

有时候在生活中,你需要一个JavaScript倒计时时钟,而不是一个末日装置设备.不管你是否有一次约会,销售.促销.或者游戏,你可以受益于使用原生JavaScript构建一个时钟,而不是拿到一个现成的插件.虽然有许多很棒的时钟插件,但如果使用原生 JavaScript 实现,那你将得到以下好处: 代码将是轻量级的,因为它没有依赖关系. 你的网站会表现得更好,因为你不需要加载外部脚本和样式表. 你将会有更高的可控性,因为你将按照想要的时钟行为的方式来创建它(而不是找一个趋向你想法的插件). 所以事

18 行 JS 代码编一个倒时器

有时候在生活中,你需要一个JavaScript倒计时时钟,而不是一个末日装置设备.不管你是否有一次约会,销售.促销.或者游戏,你可以受益于使用原生JavaScript构建一个时钟,而不是拿到一个现成的插件.虽然有许多很棒的时钟插件,但如果使用原生 JavaScript 实现,那你将得到以下好处: 代码将是轻量级的,因为它没有依赖关系. 你的网站会表现得更好,因为你不需要加载外部脚本和样式表. 你将会有更高的可控性,因为你将按照想要的时钟行为的方式来创建它(而不是找一个趋向你想法的插件). 所以事

JS 定时器与延时器

avaScript里面内置了两个定时器,一个是setTimeout()一个是setInterval().下面将由浅入深来理解一下定时器的工作原理. 使用方式: setTimeout() function out(){ alert("定时器"); }; var timeoutID = window.setTimeout(out,10000); setTimeout 的语法非常简单,第一个参数为回调函数,第二个参数为延时的时间.函数返回一个数值类型的ID唯一标示符,此ID可以用作 clea

js定时器的使用(实例讲解)

js定时器的使用(实例讲解) 作者: 字体:[增加 减小] 类型:转载 时间:2014-01-06我要评论 本篇文章主要介绍了js中定时器的使用方法.需要的朋友可以过来参考下,希望对大家有所帮助 在javascritp中,有两个关于定时器的专用函数,分别为: 1.倒计定时器:timename=setTimeout("function();",delaytime);2.循环定时器:timename=setInterval("function();",delaytime

js定时器整理(执行一次、重复执行)

在javascritp中,有两个关于定时器的专用函数,分别为: 1.倒计定时器:timename=setTimeout("function();",delaytime); 2.循环定时器:timename=setInterval("function();",delaytime); 第一个参数"function()"是定时器触发时要执行的动作,可以是一个函数,也可以是几个函数,函数间用":"隔开即可. 比如要弹出两个警告窗口,便

C#-WebForm JS定时器(转)

C#-WebForm JS定时器 JS定时器: 1.window.setTimeout(function(){},3000) 延迟3秒执行 2.window.setInterval(function(){},3000) 也叫重复器,每3秒重复相同的事件 关闭定时器: var timer = window.setTimeout(function(){ window.clearTimeout("timer"); },3000); var timer = window.setInterval

C#-WebForm JS定时器

JS定时器: 1.window.setTimeout(function(){},3000) 延迟3秒执行 2.window.setInterval(function(){},3000) 也叫重复器,每3秒重复相同的事件 关闭定时器: var timer = window.setTimeout(function(){ window.clearTimeout("timer"); },3000); var timer = window.setInterval(function(){ wind

Go 定时器和断续器

1.定时器 Go语言中定时器可以实现在指定时间点执行特定的事件,定时器的实质是单向通道,time.Timer结构体类型中有一个time.Time类型的单向chan,具体声明如下: type Timer struct {     C <-chan Time     r runtimeTimer } 只能通过两种方式来进行初始化:time.NewTimer()和time.AfterFunc(),看如下代码: package main import (     "fmt"     &q

单?片?机?定?时?器?初?值?实例计?算?

一.10MS定时器初值的计算:  1.晶振12M  12MHz除12为1MHz,也就是说一秒=1000000次机器周期.10ms=10000次 机器周期.  65536-10000=55536(d8f0)  TH0=0xd8,TL0=0xf0  2.晶振11.0592M  11.0592MHz除12为921600Hz,就是一秒921600次机器周期,10ms=9216次机器周期.  65536-9216=56320(dc00)  TH0=0xdc,TL0=0x00 二.50MS定时器初值的计算: