倒计时原理

 1 <!DOCTYPE HTML>
 2 <html>
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 5 <title>无标题文档</title>
 6
 7 <script>
 8 // 现在的时间点(在变)
 9 // 未来的时间点(不变)
10 var iNow = new Date();
11 var iNew = new Date( ‘November 27,2013 22:3:0‘ );
12 var t = Math.floor((iNew - iNow)/1000);// 毫秒 - 秒
13
14 var str = Math.floor(t/86400)+‘天‘+Math.floor(t%86400/3600)+‘时‘+Math.floor(t%86400%3600/60)+‘分‘+t%60+‘秒‘;
15
16 alert( str );
17
18
19
20
21  //时间转换公式:
22 // 天:Math.floor(t/86400)
23 // 时:Math.floor(t%86400/3600)
24 // 分:Math.floor(t%86400%3600/60)
25 // 秒:t%60
26
27 //date对象参数:
28 // 数字形式:new Date( 2013,4,1,9,48,12 );
29 // 字符串形式:new Date(‘June 10,2013 12:12:12‘);
30
31 //月份取值:
32 // January、February、March、April、May、June、
33 // July、August、September、October、November、December
34
35 //时间戳:getTime();
36 </script>
37
38 </head>
39
40 <body>
41 </body>
42 </html>
时间: 2024-10-22 21:48:39

倒计时原理的相关文章

js学习笔记9----时间操作

1.时间操作函数如下: new Date();   //获取系统时间 getFullYear(); //年 getMonth()+1; //月,初始值为0 getDate(); //日 getDay(); //星期,星期日返回的值为0 getHours(); //时 getMinutes(); //分 getSeconds(); //秒 完整示例如下: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>操作系统时间&l

项目需求:自定义倒计时的TextView

现在这么一个需求: 我有一个ListView,每一个列表项 布局如上图,顶部一个大图片展示,中部一个音频播放,底部一个描述文字. 在这个界面,一次只能点击一个列表项的播放按钮,那么我直接在ListView所属的activity创建了唯一的一个MediaPlayer,然而,这不是问题,所有的音频方面的播放冲突都解决了 问题就在中部的音频播放,我需要点击左边的播放按钮,然后右边有一个剩余时间要跟随着变化,当然点击暂停的时候,剩余时间也要暂停 首先,这里运用了购物车功能的原理实现按钮的操作.Andro

js倒计时关闭当前页面代码

js倒计时关闭当前页面代码:很多网站在关闭网页之前会给出一个倒计时效果,这样可以让浏览者做到根据相应的情况进行操作,比较人性化,下面就通过实例代码介绍一下如何实现此效果.代码实例如下: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name=&quo

红色警戒2修改器原理百科(三)

继续上次,上次给出的开全图,是不能看透盟军的裂缝产生器的,有的修改器的开全图是可以看透的.它的原理是修改了判断迷雾的一个关键跳转.此处不多说,本人觉得不够优雅——能少改动代码则少改动代码.当然他也有自己的优势——看透裂缝产生器.可能在最后补充中,再加上吧. 当然,如果你事先查找了一些关键字符串,可以直接快速的定位到关键位置,不需要像我利用升级箱子来找. (七)额外核弹——可能是全球首发 笔者在百度了那个升级箱子都能带来什么之后,发现那个箱子有可能会得到一次额外的核弹发射机会,我就在想能不能找到这

验证码接收平台原理和网页版运行操作示例

现在市面上能够使用的验证码接收平台有:    Y码:www.yma0.com 牛码:www.niuma.org 接码:www.7vs.net 极码:www.yzm8.net 这些平台得以实现的运行原理: 思路:       A:获得验证码:      1.找到相关的表.      2.用什么发送,post,get ,ajax,当然ajax首选      3.post之前要js先判断是手机号码11位,并且全部都是数字,或者用正则也行.      4.用ajax发送数据data,要对数据进行检验,过

canvas:制作一个很炫的倒计时

canvas:制作一个很炫的倒计时 1.目的:     很多网站都会用到倒计时,如:天猫等.本文讲述的是一个用canvas实现的绚丽的倒计时. 2.原理: canvas标签类似于html的其他标签,<canvas></canvas>,canvas就相当于一张画布,可以在上面绘制各种自己想要的效果. 数字的点阵实现,利用0和1,0标示不填充,1表示用绿色小球填充.         <canvas id="canvas" width="1200&qu

使用js倒计时还有几天及计时过了几天

公司主营业务是体育赛事为主的:尤其是足球赛事.现正值2016法国欧洲杯:之前忙于做欧洲杯专题没时间总结.现分享一个工作中需求带来的经历. 需求是:从现在开始倒计时欧洲杯还有多久开赛:当开赛之后开始计算已经开赛了几天及计算当前是小组赛还是1/8决赛,1/4决赛,半决赛,决赛. 废话不多说,直接上代码: 4 var cdInterval, dateInterval; //此方法为倒计时欧洲杯开赛时间,原理是用开赛时间的毫秒数减去当前毫秒数然后根据每天,小时,分,秒的毫秒数向下取整 5 functio

前端学习——ionic/AngularJs——获取验证码倒计时按钮

 按钮功能为:点击"获取验证码"--按钮不可用-设置倒计时-60秒后重新获取. 代码借鉴于:http://plnkr.co/edit/Swj82MpJSix3a47jZRHP?p=preview 主要实现原理:点击后,设置一个$interval,每一秒更改一次剩余时间,并依赖Angular数据绑定实时显示在页面中.设置一个$timeout,60秒后将按钮初始化到可用状态. 实现代码: (1)js代码,设置成一个directive以便多次调用. angular.module('winwi

Android自定义倒计时控件

序: 最近越来越多的APP都是用手机号注册,一是为了方便用户记忆,二是为了增加用户账户的安全性.在我们进行交易操作或者修改密码等操作的时候,这时候需要输入短信验证码.这个控件会需要有倒计时的功能,这里主要总结常见的几种实现方式. 1.Android中实现倒计时的方法 第一种:直接用Handler的消息机制来实现 这种方式感觉是最原始的,这里不多说. 第二种:Timer和TimerTask 基本使用:获得Timer和TimerTask对象,然后启动,倒计时的逻辑写在handler里面 privat