2016-04-17 JavaScript-倒计时

简介:JavaScript实现简单的倒计时功能

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>JavaScript-倒计时(一)</title>
  <script type="text/javascript">
  var NowTime=new Date();
  var setMin=0;
  function Time(){
  var min=document.getElementById("shi").value;
  var setMin=min*60*1000;
  var EndTime=NowTime.getTime()+setMin;
  var sTime=EndTime-new Date().getTime();
  var h=0;
  var m=0;
  var s=0;
  if(sTime>=0){

//时分秒的计算方法(关键点)

h=Math.floor(sTime/1000/60/60%24);
      m=Math.floor(sTime/1000/60%60);
      s=Math.floor(sTime/1000%60);
 
  }
  //document.write(h+":"+m+":"+s);
    document.getElementById("t_h").innerHTML = check(h) + "时";
    document.getElementById("t_m").innerHTML = check(m) + "分";
    document.getElementById("t_s").innerHTML = check(s) + "秒";
  }
 // function Ji(){
 setInterval(Time,0);//关键点
  //}
  function check(e){
  if(e<10){
   e="0"+e;
   return e;
  }else{
   return e;
  }
  }
  </script>
 </head>
 <body>
 <input type="text" value="0" id="shi" style="height:30px;width:45px;text-align:center;"/>分钟<br/>&nbsp;&nbsp;
 <!--<button onclick="Ji()" style="height:30px;">计时</button>-->
 <div id="show">
 <span id="t_h">00时</span>
 <span id="t_m">00分</span>
 <span id="t_s">00秒</span>
 </div>
 </body>
</html>

时间: 2024-10-10 08:19:36

2016-04-17 JavaScript-倒计时的相关文章

分布式技术一周技术动态 2016.04.17

分布式系统实践 1. 架构的本质是管理复杂性,微服务本身也是架构演化的结果  http://mp.weixin.qq.com/s?__biz=MzA5Nzc4OTA1Mw==&mid=411129391&idx=1&sn=ebf06fb5cc4a5f57f86341ba4114cab8&scene=0#wechat_redirect 要点: 这篇文章介绍了携程, netflix和SoundCloud等知名互联网公司的微服务架构实践, 总结了微服务架构的演化本质上是管理架构复

ACM-南京理工大学第八届程序设计竞赛-网络赛(2016.04.17)

A.偷吃糖果Time Limit: 1000Ms Memory Limit: 65536KB Description小鱼喜欢吃糖果.他有两盒糖果,两盒糖果分别仅由小写字母组成的字符串s和字符串t构成.其中'a'到'z'表示具体的某种糖果类别.他原本打算送给他喜欢的女生,但是要送给女孩子的话两盒糖果不能有差别(即字符串s和t完全相同).所以,他决定偷吃几块,他吃糖果的策略是每次选出一盒糖果中两个连续的同种类别的糖果,然后吃掉其中一块.该策略可以使用多次.例如一盒糖果是'rrrjj',他可以把这盒糖

2016/04/17

package com.wode; import java.lang.reflect.Constructor;import java.lang.reflect.Field;import java.lang.reflect.Method;import java.util.Random; import javax.activation.FileDataSource;/*** *  * @author Administrator *Random类     Math使用方法  以及反射机制 */publ

JavaScript倒计时脚本

JavaScript倒计时在Web中用得非常广泛,比如常见的团购啊.还有什么值得期待的事情,都可以用到倒计时.现在举了四个例子,比如时间长的倒计时,小时倒计时,最简的倒计时,还有秒表等等,应该可以满足大部分需求.郸城县殳海环保 1. 比较长时间的倒计时 离2015年还有: 01 <script type="text/javascript">   02 startclock(); 03 var timerID = null;   04 var timerRunning = f

[野狐行][2016/04/11][群直播系列2][那些年让我们郁闷不已的游戏保护]

最近应广大朋友的建议,增加群内直播系列,主要内容包括不仅限于“辅助行业探讨,内幕揭秘,行业八卦”.每周周末,群内直播系列:1.2016/04/02 第一期下载地址: http://pan.baidu.com/s/1bpnwPeZ 2.2016/04/11 第二期下载地址: http://pan.baidu.com/s/1nvs22xj

Javascript倒计时组件new TimeSpan(hours, minutes, minutes)

function TimeSpan(h, m, s) { this.h = Number(h); this.m = Number(m); this.s = Number(s); } TimeSpan.prototype = { timer: null, stop: function() { }, callback: Function(), start: function(callback) { var self = this; if (callback) { this.callback = ca

KaOS 2016.04 发布,桌面 Linux 发行版

KaOS 2016.04 发布了,KaOS是一份桌面Linux发行,其特色在于最新版本的KDE桌面环境及其他流行的使用Qt工具包的软件程序.它最初基于Arch Linux,但从2013年四月起,开发者们开始创建他们自己的软件包,现在这些软件包可以从KaOS自己的软件仓库里获得.KaOS采用滚动发布开发模 式,并且只面向64位计算机系统. 该版本主要是为了纪念KaOS三周年而发布的,支持Qt 5.6,桌面得到较大的更新, QtWebengine被qupzilla替代作为默认的浏览器,不在需要手动更

分布交互式CosiMate 8.1 2016.04多学科协同仿真计算平台

分布交互式CosiMate 8.1 2016.04多学科协同仿真计算平台 电磁人体天线模型管理分析工具EMCoS Studio 2017 优化工具Keysight 89600 VSA WLA 22.21 5G物联网雷达信号设计 CosiMate技术提供了一种解决方案来克服模拟集成的大规模动态系统的难度.在实际的大型Simulink模型上测量到2到11的潜在加速度.通过传统的分割技术(将全阶模型分解成几个较小的部分)并在单台或多台计算机上进行模拟,实现了模拟时间的显着减少.QQ:16264558

javascript 倒计时获取验证码

var wait=60;function reSendCode(id) { var obj = $("#"+id); if (wait == 0) { obj.attr("disabled",false); $('#getcode').removeClass('no-disable').addClass("get-code").attr('disabled',false).val("免费获取验证码"); wait = 60;

java 时间格式化(2016.04.12 12:32:55)

输入的时间格式如:2016.04.12 12:32:55所示: 想要获取一定格式的日期,时间的方法 1 String startString = "2016.04.25 12:25:44" 2 SimpleDateFormat sf1 = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss"); 3 SimpleDateFormat sf2 = new SimpleDateFormat("yyyy-MM-dd hh:mm:s