一个简单的倒计时js插件

接收的参数end是必须传的，格式是/分隔的日期字符串，start是可选的，不传就是从现在开始倒计时，callback也是可选的，到倒计时接收时执行自定义的函数。

countdown({'end':'2015/9/1 17:12:00','callback':function () {document.getElementById('countdown').innerHTML = 'the end!';}});

(function (){function countdown(config){var startDate = config.start ? new Date(config.start) : new Date();var endDate = new Date(config.end);var id = config.id || 'countdown';var time = (endDate - startDate)/1000;if(time < 0){if(config.callback){config.callback();}return;}var day = parseInt(time/86400, 10);var hour = parseInt(time%86400/60/60, 10);var minute = parseInt(time%86400%3600/60, 10);var second = parseInt(time%86400%3600%60, 10);setTimeout(function (){document.getElementById(id).innerHTML = day+' day '+hour+':'+minute+':'+second;countdown(config);}, 1000);}window.countdown = countdown;
})();

转载于:https://www.cnblogs.com/pandabunny/p/4776927.html

一个简单的倒计时js插件相关推荐

制作一个简单的倒计时动画
今天我使用Android Studio制作了一个简单的倒计时动画,算是练习一下属性动画的使用吧,先看一个效果吧,点击播放倒计时动画按钮后可以播放倒计时动画实现方式: 第一步:使用Android St ...
组织结构图插件_一个简单直接的组织结构图插件
组织结构图插件 Vue-orgchart (vue-orgchart) It's a simple and direct organization chart plugin. Anytime you ...
vue实现波纹效果_简单的Vue.js插件可实现自定义波纹效果
vue实现波纹效果 Vue-Rippler (vue-rippler) Simple Vue.js plugin for custom ripple effect. 简单的Vue.js插件可实现自定义 ...
写一个简单的node.js项目
项目初始化: npm init -y express是基于node.js的web的http模块封装的更强大的框架 npm i express@4.17.1 跨域: npm i cors@2.8.5 数 ...
如何写一个简单的node.js C 扩展
node 是由 c 编写的,核心的 node 模块也都是由 c 代码来实现,所以同样 node 也开放了让使用者编写 c 扩展来实现一些操作的窗口. 如果大家对于 require 函数的描述还有印象的 ...
为一个 iOS 应用编写一个简单的 Node.js/MongoDB Web 服务
原文链接:https://github.com/nixzhu/dev-blog/blob/master/2014-04-21-write-a-simple-nodejs-mongodb-web-ser ...
Vue.js如何写一个简单的原生js模块，浏览器中的表现如何？
2019独角兽企业重金招聘Python工程师标准>>> 浏览器正在逐步的支持原生JavaScript模块.Safari和Chrome的最新版本已经支持它们了,Firefox和Edge ...
js实现一个简单的Chrome刷票插件
国庆想回家~无奈票价高,这几天都在"去哪儿"网关注低价机票.但是靠人工去看实在麻烦,因此我写了一个chrome插件(只支持chrome),可以按照一定频率刷票,当出现期望的机票时可 ...
cordova自定义一个简单的alert的插件(android平台)
官网的插件开发文档:http://cordova.apache.org/docs/en/latest/guide/hybrid/plugins/index.html 插件文件布局: 比如我在d盘新建了 ...
update关联一个视图的时候特别慢_实现一个简单的Vue.js
原文转自 https://const_white.gitee.io/gitee-blog/blog/vue/mini-vue/ Vue响应式原理图片引自孟思行 - 图解 Vue 响应式原理乞丐版 ...

一个简单的倒计时js插件

一个简单的倒计时js插件相关推荐

最新文章

热门文章