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 ...
随机推荐
- wpf动画概述
http://msdn.microsoft.com/zh-cn/library/vstudio/ms752312(v=vs.100).aspx Windows Presentation Foundat ...
- 【贪心】【Uva11729】 Commando War
你有n个部下,每个部下需要完成一项任务.第i个部下需要你花Bi分钟交待任务,然后他会立刻独立地.无间断地执行Ji分钟后完成任务.你需要选择交待任务的顺序,使得所有任务尽早执行完毕(即最后一个执行完的任 ...
- centos7命令行与图形界面启动模式修改
1.命令启动 systemctl set-default multi-user.target 2.图形界面模式 systemctl set-default graphical.target
- Convert Sorted List to Binary Search Tree java
public TreeNode sortedListToBST(ListNode head) { if(head==null) return new TreeNode(0); ArrayList< ...
- Java web 实现 之 Filter分析ip统计网站的访问次数
统计工作需要在所有资源之前都执行,那么就可以放到Filter中了. 我们这个过滤器不打算做拦截操作!因为我们只是用来做统计的. 用什么东西来装载统计的数据.Map<String,Integer& ...
- const参数,const返回值与const函数
在C++程序中,经常用const 来限制对一个对象的操作,例如,将一个变量定义为const 的: const int n=3; 则这个变量的值不能被修改,即不能对变量赋值. const 这个关键字 ...
- .Net Service部署(二)
1. 以管理员权限运行cmd.exe2. 安装服务 安装服务需要注意的是,如果电脑已经安装了此服务,需要先停止服务然后删除服务, 在进行安装注册,注册前先运行 cd C:\Windows\Micro ...
- css3渐变详解
今天总结渐变的问题,渐变分为线性渐变.径向渐变.呼呼,废话少说, 线性渐变:background:linear-gradient(设置渐变形式,第一个颜色起点,中间颜色点 中间颜色的位置,结束点颜色) ...
- 使用ThinkPHP开发中MySQL性能优化的最佳21条经验
使用ThinkPHP开发中MySQL性能优化的最佳21条经验讲解,目前,数据库的操作越来越成为整个应用的性能瓶颈了,这点对于Web应用尤其明显.关于数据库的性能,这并不只是DBA才需要担心的事,而这更 ...
- 测试框架mochajs详解
测试框架mochajs详解 章节目录 关于单元测试的想法 mocha单元测试框架简介 安装mocha 一个简单的例子 mocha支持的断言模块 同步代码测试 异步代码测试 promise代码测试 不建 ...