JS实现简单倒计时
/*倒计时*/
lcf.downTime = function (endTime,obj,callback){
/*基本判断*/
if(!endTime || typeof endTime !== "string") return false;
/*基本判断*/
if(!obj || typeof obj !== "object") return false;
/*获取日期的毫秒*/
var endTime = Date.parse(endTime);
/*定时器*/
var timer = setInterval(function () {
var nowTime = +new Date();
/*2个时间的差 毫秒*/
var minus =endTime - nowTime;
/*相差的天数*/
var day = parseInt(minus/1000/60/60/24);
/*相差的小时*/
var hours = parseInt(minus/1000/60/60%24);
/*相差的分钟*/
var mintue = parseInt(minus/1000/60%60);
/*获取相差的秒*/
var second = parseInt(minus/1000%60);
if(minus<=0){
clearInterval(timer);
day =0;
hours =0;
mintue =0;
second =0;
}else{
obj[0].innerHTML = parseInt(hours/10);
obj[1].innerHTML = hours%10;
obj[3].innerHTML = parseInt(mintue/10);
obj[4].innerHTML = mintue%10;
obj[6].innerHTML = parseInt(second/10);
obj[7].innerHTML = second%10;}
},1000); callback && callback();
};
/*倒计时*/
lcf.downTime = function (endTime,obj,callback){
/*基本判断*/
if(!endTime || typeof endTime !== "string") return false;
/*基本判断*/
if(!obj || typeof obj !== "object") return false;
/*获取日期的毫秒*/
var endTime = Date.parse(endTime);
/*定时器*/
var timer = setInterval(function () {
var nowTime = +new Date();
/*2个时间的差 毫秒*/
var minus =endTime - nowTime;
/*相差的天数*/
var day = parseInt(minus/1000/60/60/24);
/*相差的小时*/
var hours = parseInt(minus/1000/60/60%24);
/*相差的分钟*/
var mintue = parseInt(minus/1000/60%60);
/*获取相差的秒*/
var second = parseInt(minus/1000%60);
if(minus<=0){
clearInterval(timer);
return false;
}else{
obj[0].innerHTML = parseInt(hours/10);
obj[1].innerHTML = hours%10;
obj[3].innerHTML = parseInt(mintue/10);
obj[4].innerHTML = mintue%10;
obj[6].innerHTML = parseInt(second/10);
obj[7].innerHTML = second%10;}
},1000); callback && callback();
};
JS实现简单倒计时的更多相关文章
- 原生js的简单倒计时
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>倒计 ...
- jQuery简单倒计时插件
一. 效果预览 二. 实现 1. 按照特定的类结构布局. 2. 需要先引入jQuery,再引入此文件. /** * Author: CC11001100 * * 简单倒计时 * * 1. 支持页面内同 ...
- 原生JS封装简单动画效果
原生JS封装简单动画效果 一致使用各种插件,有时候对原生JS陌生了起来,所以决定封装一个简单动画效果,熟悉JS原生代码 function animate(obj, target,num){ if(ob ...
- HTML(.js) – 最简单的方式操作 DOM 的 JS 库
HTML(.js) 是一个轻量的(压缩后~2kb) JavaScript 库,简化了与 DOM 交互的方法. 这个 JavaScript 库的方法可读性很好,并具有搜索和遍历 DOM 的方法.相比 j ...
- JS实现自动倒计时
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name ...
- Sea.js提供简单、极致的模块化开发体验
为什么使用 Sea.js ? Sea.js 追求简单.自然的代码书写和组织方式,具有以下核心特性: 简单友好的模块定义规范:Sea.js 遵循 CMD 规范,可以像 Node.js 一般书写模块代码. ...
- 投票系统 & js脚本简单刷票
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- JS的简单用法
JS的简单用法 参考:http://www.w3school.com.cn/js/js_switch.asp JavaScript 是网络的脚本语言 JavaScript 是可插入 HTML 页面的编 ...
- 基于vue.js的简单用户管理
功能描述:添加.修改.搜索过滤 效果图: <!DOCTYPE html> <html lang="en"> <head> <title&g ...
随机推荐
- 本人对于JavaScript的一些总结
类型.值和变量 1.原始类型 数字.字符串和布尔 null空 undefined未定义 2.对象类型 3.类 Array Function Date RegExp Error 4.js ...
- textContent、innerText 以及Event事件兼容性问题
今天在完成前端的简单练习时发现了一些兼容性的问题,百度后得以解决. 这里主要讨论Firefox与Chrome的兼容性问题. textContent与 innerText 在javascript中, 为 ...
- POJ 1987 Distance Statistics(树的点分治)
转载请注明出处,谢谢http://blog.csdn.net/ACM_cxlove?viewmode=contents by---cxlove 上场CF的C题是一个树的分治... 今天刚好又 ...
- HTTP请求的TCP瓶颈分析[转]
阅读目录 延迟的因素 速度延时 带宽延时 最后一公里延时-tracerouter 目标 rwnd的设置 慢启动过程 慢启动的影响 慢启动对HTTP影响的一次计算 拥塞窗口的合适值 服务器配置调优 应用 ...
- asp.net后台的一些操作
1.在后台绑定下拉框再返回到前台 protected StringBuilder sq = new StringBuilder();//为了在前台绑定 protected void Page_Load ...
- jquery.form上传文件
建立test文件夹 PHP代码: <?php //var_dump($_FILES['file']);exit; if(isset($_GET['option']) && $_G ...
- JS 之 innerHTML
定义和用法 innerHTML 属性用于设置或返回指定标签之间的 HTML 内容. 语法 Object.innerHTML = "HTML";// 设置 var html = Ob ...
- A - Next_permutation
首先介绍一下next_permutation函数的用途! 按照STL文档的描述,next_permutation函数将按字母表顺序生成给定序列的下一个较大的排列,直到整个序列为降序为止. prev_p ...
- outlook 2007 IMAP设置和配置
以Outlook2007为例(Outlook2003操作基本类似). 1.依次点击“工具”>“帐户设置”. 2.在“帐户设置”页中点击“新建”> 不需要做任何选择,点击下一步. 3.填写 ...
- Swift笔记4
字符 var str = " hello world " var kong = "" 或者 var kong = string() //定义一个空的字符 ...