倒计时以服务器时间为准 js:Javascript实例之如何实现时间倒计时(javascript定时器做倒计时)

发布时间 : 09-19

给你一个实例

调用的时候直接写resetTime(这里传入你要倒计时的数字)

本答案出自“我要编程”软件开发师训练平台免费课程倒计时以服务器时间为准 js。

//单纯分钟和秒倒计时

function resetTime(time){

  var timer=null;

  var t=time;

  var m=0;

  var s=0;

  m=Math.floor(t/60`);

  m<10&&(m='0' m);

  s=Math.floor(t`);

  function countDown(){

   s--;

   s<10&&(s='0' s);

   if(s.length>=3){

    s=59;

    m="0" (Number(m)-1);

   }

   if(m.length>=3){

    m='00';

    s='00';

    clearInterval(timer);

   }

   console.log(m "分钟" s "秒");

  }

  timer=setInterval(countDown,1000);

}

如何用javascript实现倒计时

js代码:fun.js

var timmerID = null;

function time() {

var time = document.getElementById("now");

var left = document.getElementById("left");

var t = time.value.split(":");

var hour = parseInt(t[0]);

var min = parseInt(t[1]);

min=min 1;

if(min==60){

hour=hour 1;

min=0;

if(hour==24){

hour=0;

}

}

time.value=hour ":" min;

left.value = left.value-1;

if(left.value==0){

mystop();

alert("时间已到!");

}

}

function mystart() {

var left = document.getElementById("left");

left.value="40";

timmerID = window.setInterval("time()", 1000*60);

}

function mystop() {

window.clearInterval(timmerID);

}

html页面:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>time.html</title>

<script type="text/javascript" src="fun.js"></script>

</head>

<body>

时间起点:<input type="text" name="now" id="now" value="0:0"/><input type="button" value="开始" onclick="mystart();"><br>

剩余时间:<input type="text" name="left" id="left" value="40" disabled="disabled"/>分钟<br>

</body>

</html>

补充:这个javascript放在一个文件叫fun.js,在html页面中要引用此文件,如:<script type="text/javascript" src="fun.js"></script> ,注意不要把路径弄错了,src后面的路径按照实际的来,如果两个文件在一个目录下,就是如上这样引用,当然也可以直接把全部的js内容放在html文件的头部,如:<script type="text/javascript">

<!--javascript代码-->

</script>

文章推荐:

倒计时以服务器时间为准 js:Javascript实例之如何实现时间倒计时(javascript定时器做倒计时)

js源码大全:求Javascript的代码(js代码大全网站源码)

在线调用的js下载到本地不能用:怎样把网上的这个页面下载到本地离线运行?(js下载解析本地文件)

json数组格式化:php如何接收json数据?(json数组转化为list)

三益钢琴js115:三益钢琴ES系列和JS系列有什么区别?(三益钢琴js115ir价格)