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 ...
随机推荐
- static静态属性和静态方法的原理与调用技巧
这篇文章主要介绍了php面向对象中static静态属性和静态方法的调用,实例分析了static静态属性和静态方法的原理与调用技巧,需要的朋友可以参考下 本文实例讲述了php中static静态属 ...
- C# Socket学习笔记二
小记:昨天咱们已经了解了Socket的通信原理,可是点对点的一次通信并不是我们想要的,那么今天那我们就继续学习异步通信,简单来说就是服务器端和客户端可以进行多次 互发信息的通信而不用担心通道会关闭.在 ...
- Godaddy主机从购买到开通的详细图文教程(2013年)
http://bbs.zhujiusa.com/thread-10-1-1.html Godaddy主机从购买到开通的详细图文教程(2013年最新) Godaddy是全球域名注册商中的NO.1,同时也 ...
- Linux下 输入 env 而得到的环境变量解读
HOSTNAME=Master.Hadoop MAHOUT_HOME=/usr/hadoop/mahout-distribution-0.8 TERM=linux SHELL=/bin/bash HA ...
- MVC 过滤器 ActionFilterAttribute
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.We ...
- iOS二进制和资源包的自检
因为现在做的是企业版的APP,不能保证用户不越狱,也不能保证有些用户喜欢自己修改ipa包里的资源文件,比如更换一些资源图片.因此,我们有必要在请求报文中,增加正版应用的二进制和资源文件的标识,让服务器 ...
- NSDictionary初始化,使用@{}方法,插入nil时会报空指针异常
由于今天在NSDictionary初始化的时候出现Crash异常,故记录一下,避免下次再犯. 在Objective-C中,NSDictionary初始化的方法有很多种 方法1: [NSDictiona ...
- su普通用户切换root用户失败
http://blog.itpub.net/26432034/viewspace-1688391/ http://blog.csdn.net/zhangdaiscott/article/details ...
- section 模块页面切换代码
<div class="blockcode"><blockquote><!DOCTYPE html><html><head&g ...
- seajs路径问题及源码分析
seajs如此神奇,究竟是如何做到的呢,想知基原理,方可看其源码~~之前冲忙写下的,可能有点乱哦~~有什么不对的,欢迎拍砖! 如果进入seajs了管理范围,那么路径分为: 1. / 或 ...