tsailer
- 浏览: 53077 次
- 性别:
- 来自: 深圳
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<meta name="generator" content="editplus" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
</head>
<body>
<ul>
<li id="day">0</li>
<li id="hour">0</li>
<li id="min">0</li>
<li id="sec">0</li>
<li id="nsec">0</li>
</ul>
</body>
<script language="JavaScript" type="text/javascript">
<!--
function Timer(opt){
option = opt||{};
this.startDate=option.star||new Date("2011/5/11 07:00:00");
//this.endDate=option.star||new Date("2011/8/6 07:00:00");
this.endDate=option.end||new Date("2011/8/6 07:00:00");
this.nDay=document.getElementById("day");
this.nHour=document.getElementById("hour");
this.nMin=document.getElementById("min");
this.nSec=document.getElementById("sec");
this.nNsec=document.getElementById("nsec");
this.count();
}
Timer.prototype = {
leftPad: function(num){
if(num.toString().length==1){
return "0"+ num;
}
return num;
}
,count: function(){
var self = this;
var nowDate = new Date();
if(nowDate.getTime()-this.startDate.getTime() > 0){
//way 1. I write
var totalns = this.endDate.getTime() - nowDate.getTime();
var nDayn=Math.floor(totalns/(1000*60*60*24));
var nHourn=Math.floor(totalns%(1000*60*60*24)/(1000*60*60));
//对余数（毫秒数）除以一小时的毫秒数
var nMinn=Math.floor(totalns%(1000*60*60*24)%(1000*60*60)/(1000*60));
//对余数（毫秒数）除以一分钟的毫秒数
var nSecn=Math.floor(totalns%(1000*60*60*24)%(1000*60*60)%(1000*60)/1000);
var nNsecn=Math.floor(totalns%(1000*60*60*24)%(1000*60*60)%(1000*60)%1000);
//way 2. Someone write. good code
/*var nDayn=Math.floor(totalns/(1000*60*60*24));
var nHourn=Math.floor(totalns/(1000*60*60))%24;
//对余数（所有小时）除以24求余
var nMinn=Math.floor(totalns/(1000*60))%60;
var nSecn=Math.floor(totalns/(1000))%60;
var nNsecn=Math.floor(totalns%1000);*/
if(nowDate>0){
this.nDay.innerHTML=nDayn;
this.nHour.innerHTML=nHourn;
this.nMin.innerHTML=nMinn;
this.nSec.innerHTML=nSecn;
this.nNsec.innerHTML=nNsecn;
}
}
setTimeout(function(){self.count();},1);
}
}
new Timer({});
//Timer({})
//-->
</script>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<meta name="generator" content="editplus" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
</head>
<body>
<ul>
<li id="day">0</li>
<li id="hour">0</li>
<li id="min">0</li>
<li id="sec">0</li>
<li id="nsec">0</li>
</ul>
</body>
<script language="JavaScript" type="text/javascript">
<!--
function Timer(opt){
option = opt||{};
this.startDate=option.star||new Date("2011/5/11 07:00:00");
//this.endDate=option.star||new Date("2011/8/6 07:00:00");
this.endDate=option.end||new Date("2011/8/6 07:00:00");
this.nDay=document.getElementById("day");
this.nHour=document.getElementById("hour");
this.nMin=document.getElementById("min");
this.nSec=document.getElementById("sec");
this.nNsec=document.getElementById("nsec");
this.count();
}
Timer.prototype = {
leftPad: function(num){
if(num.toString().length==1){
return "0"+ num;
}
return num;
}
,count: function(){
var self = this;
var nowDate = new Date();
if(nowDate.getTime()-this.startDate.getTime() > 0){
//way 1. I write
var totalns = this.endDate.getTime() - nowDate.getTime();
var nDayn=Math.floor(totalns/(1000*60*60*24));
var nHourn=Math.floor(totalns%(1000*60*60*24)/(1000*60*60));
//对余数（毫秒数）除以一小时的毫秒数
var nMinn=Math.floor(totalns%(1000*60*60*24)%(1000*60*60)/(1000*60));
//对余数（毫秒数）除以一分钟的毫秒数
var nSecn=Math.floor(totalns%(1000*60*60*24)%(1000*60*60)%(1000*60)/1000);
var nNsecn=Math.floor(totalns%(1000*60*60*24)%(1000*60*60)%(1000*60)%1000);
//way 2. Someone write. good code
/*var nDayn=Math.floor(totalns/(1000*60*60*24));
var nHourn=Math.floor(totalns/(1000*60*60))%24;
//对余数（所有小时）除以24求余
var nMinn=Math.floor(totalns/(1000*60))%60;
var nSecn=Math.floor(totalns/(1000))%60;
var nNsecn=Math.floor(totalns%1000);*/
if(nowDate>0){
this.nDay.innerHTML=nDayn;
this.nHour.innerHTML=nHourn;
this.nMin.innerHTML=nMinn;
this.nSec.innerHTML=nSecn;
this.nNsec.innerHTML=nNsecn;
}
}
setTimeout(function(){self.count();},1);
}
}
new Timer({});
//Timer({})
//-->
</script>
</html>
分享到：
发表评论
-
JS的replace方法
2011-08-05 10:34 1202from http://www.cnblogs.com/mxw ... -
要写出在各大主流浏览器上都兼容的JS代码，就要关注他们的区别，下是IE和FF综合考虑的通用DOM！
2011-08-04 14:36 922来源于 http://hi.baidu.com/g ... -
<input type="text" id="start" />输入true取布尔true
2011-07-28 14:22 880"true" and true is di ... -
Js获取当前日期时间+日期验证+判断闰年+日期的天数差+日期格式化+JS判断某年某月有多少天
2011-07-27 17:47 4813字符串转日期型+Js当前日期时间+日期验证+判断闰年+日期的天 ... -
高效http页面优化法则一【JS对DOM的操作】
2011-07-08 10:58 1033很多人都认为JS的效率 ... -
form page jump
2011-07-07 10:49 854页面跳转 <input type="hidd ... -
jquery widget sample
2011-07-06 08:39 3447<!DOCTYPE html PUBLIC &quo ... -
jquery apply wait for update
2011-07-05 10:36 1658<!DOCTYPE html PUBLIC &quo ... -
deal with a great quantity domelements add event wait for update
2011-06-29 14:34 1160<!DOCTYPE html PUBLIC " ... -
JS中的attachEvent、addEventListener如何传递参数
2011-06-29 14:02 6268<!DOCTYPE html PUBLIC " ... -
window.onload 和 $(document).ready 区别 待续......
2011-06-27 09:50 2751jquery 学习之一(js中window ... -
js operate frame
2011-06-14 14:04 1193我的页面框架如下 <frameset rows=&quo ... -
js中frame的调用
2011-06-14 12:27 1045js中frame的调用 关键词 ... -
js 事件冒泡 和其它问题
2011-06-10 09:25 821js事件冒泡 <html> <head> ... -
js inner iframe get dom of parent
2011-06-02 15:00 732parent.$("#id");//jqu ... -
ajax
2011-05-27 14:18 646<!DOCTYPE html PUBLIC " ... -
add event to all the dom elements in one page except one dom
2011-05-18 10:20 870<!DOCTYPE html PUBLIC &quo ... -
js IE与FireFox的兼容性问题 事件
2011-05-13 09:16 1030# window.event * IE：有windo ... -
deal with href remove the same element
2011-05-11 09:38 800var url="http://zhidao.bai ... -
document.form.item 问题集合的(0)和[0]取法
2011-05-09 15:10 1952<!DOCTYPE html PUBLIC " ...
相关推荐
javascript CountDown,针对同时统计多个倒计时作处理，分别处理，使用同一个计时器。 npm npm install --save js-count-downx Use const CountDown = require('../src/index'); CountDown.init({date:'2018/05/08 16...
"count-down.zip"这个压缩包文件提供了一个实现倒计时功能的组件，适用于单个倒计时或多个倒计时的场景。 一、微信小程序简介 微信小程序是腾讯公司推出的一种轻量级的应用开发平台，用户无需下载安装即可使用，...
该组件前提依赖于uv-count-down，单独再封装一个组件复用在多个界面的时候可以简单调用，只需要传入样式以及时间值即可
在使用Vue框架开发Web应用时，倒计时功能是一个常见的需求，它可以在一定时间内重复执行某些操作，比如防止用户重复提交表单、限制投票次数、实现验证码获取等功能。然而，在实现倒计时功能时，常常会遇到一个问题：...
例如，在“考研倒计时”中，可能需要调用`Date`对象来计算剩余时间，或者使用网络请求API获取服务器上的倒计时数据。 7. **样式设计**：WXSS支持CSS大部分语法，但也有自己的特性和限制，如不支持`!important`、...
在本项目"QT实现的计时器 Timer Countdown"中，我们探讨的是如何利用QT库创建一个功能完备的倒计时计时器，它支持暂停功能，适用于多种应用场景，如游戏、考试倒计时等。 首先，我们需要了解QT中的计时器类——...
当需要在`ListView`的每一项中实现不同的倒计时功能时，这涉及到异步更新UI以及有效地管理多个倒计时任务。下面我们将深入探讨如何在Android中实现这样一个功能。 首先，我们需要理解`ListView`的工作原理。`...
本资料 "[MMS_050368]Timer Count Down to Zero.rar" 专注于讲解如何在AB PLC程序中实现定时器的倒计时功能，这对于实时控制和监控各种生产过程至关重要。 PLC中的定时器是一种内部计数器，它根据预设的时间间隔...
关于程序本身，`count_down.exe`很可能是程序的可执行文件，用户可以直接运行来启动倒计时功能。而`help.txt`则可能包含程序的使用指南或者帮助信息，帮助用户了解如何设置倒计时、调整参数、查看结果等操作。 在...
`count-roll-down`是组件的名称，它将被替换为实际的倒计时显示。`:endTime`是属性绑定，将`endDate`数据属性的值传递给组件的`endTime`属性。`@end`绑定到`onCountdownEnd`方法，当倒计时结束时调用。 这个组件的...
anuglar中时间时间翻拍器，默认时间计时，翻拍效果用的伪类：before中的content， 支持正序 和倒叙 ，运用场景，eg：高考倒计时有几天 ，或 结婚纪念日几周年 之类
在Android开发中，倒计时功能是常见的需求，如加载动画、等待提示、计时器等。本示例探讨如何在子线程中利用Handler机制实现倒计时功能。Handler是用来处理消息和Runnable对象的，它与Looper和MessageQueue协同工作...
在Android开发中，倒计时控件是一种常用的交互元素，特别是在需要用户等待一段时间，例如发送验证码、开启限时优惠等场景。本教程将深入探讨如何在Android应用中实现一个倒计时控件，以满足这样的需求。 一、倒计时...
倒计时器Jquery Count Down Timer 用于倒计时的计时器入门包含 Jquery 库 [removed][removed]包括倒计时插件 [removed][removed]创建您的计时器 $('.timer').timer({ endDateAndTime: new Date("12/14/2014 13:30:00...
var SecCountDownTimer = require ( 'sec-count-down-timer' ) ; // Construct var timer = new SecCountDownTimer ( { startSec : 30 , onStart : function ( ) { console . log ( 'START!' ) ; } onCount : ...
在项目压缩包`TimeLimitedView-count-down-master`中，通常包含了源代码文件、资源文件（如故事板或图片），以及可能的示例工程。通过查看和运行示例工程，开发者可以直观地了解如何集成和使用这个倒计时控件。 ...
在Android开发中，倒计时器（CountDownTimer）是一个非常实用的组件，常用于实现各种需要倒计时功能的应用场景，比如定时提醒、在线考试、抢购倒计时等。`CountDownTimer` 类是Android SDK提供的一个内置类，它可以...
android:id="@+id/count_down_view" android:layout_width="wrap_content" android:layout_height="wrap_content" app:countDownTextColor="@color/primary_color" app:countDownTextSize="24sp" /> ``` 这样...
本文实例为大家分享了使用countdown插件实现倒计时的具体代码，供大家参考，具体内容如下 实现的效果如下： 这里实现的是一个活动倒计时，获取当前时间和活动开始时间，相减得出的时间差就是我们需要的倒计时。使用...