文档章节

简单 js 倒计时

Jck188Vip
 Jck188Vip
发布于 2017/04/14 11:20
字数 147
阅读 4
收藏 0
  • 需求:倒计时总是会使用到一个最终时间。所以在这里简单写了一个倒计时。作为练习对象的使用。 代码如下: (function () { var countDown=function (time) { this.init(time); } countDown.prototype={ endTime:new Date('Fri Apr 14 2017 08:00:00 GMT+0800'), init:function (time) { var t=this; t.newTime=time; if(typeof t.newTime=="string"){t.newTime=new Date(t.newTime);} t.calculation(); }, calculation:function () { var t=this, cha=t.endTime-t.newTime,s=cha/(10006060); if(cha<=0){console.log("结束倒计时");return false;} t.newTime.setMinutes(t.newTime.getMinutes()+1); console.log(parseInt(s)+"时"+ parseInt((s-parseInt(s))60) +"分") setTimeout(function(){t.calculation()},100060); } }; var k=new countDown(new Date()); })()

© 著作权归作者所有

共有 人打赏支持
Jck188Vip
粉丝 0
博文 1
码字总数 147
作品 0
厦门
程序员
私信 提问
vue+canvas实现炫酷时钟效果的倒计时插件(已发布到npm的vue2插件,开箱即用)

前言:   此事例是在vue组件中,使用canvas实现倒计时动画的效果。其实,实现效果的逻辑跟vue没有关系,只要读懂canvas如何实现效果的这部分逻辑就可以了   canvas动画的原理:利用定时器...

damon风
2017/11/23
0
0
6个强大的JavaScript日期操作插件

我们必须承认,JavaScript内建的Date方法实在是太基础了,远不够我们来处理日期。总有人会开发自己的JavaScript日期操作库,为何在能够使用已经开发并测试好的日期插件时还要再自己造个轮子呢...

彭博
2012/11/27
750
0
点击按钮 倒计时60秒方可再次点击发送的Js代码

本节内容: Javascript 实现 点击按钮 倒计时60秒方可再次点击发送的效果。 比如,一些网站上的手机短信认证的功能,有类似实现点击按钮后,倒计时60秒才能再次点击发送的效果。 本文用Javas...

Carl_
2014/08/06
0
0
2016/11/22工作小结

1.如初商城js方法基本上写完了。然后研究了一下倒计时的算法。倒计时目前精确到天/时/分/秒。 记两个js方法 ①new Date获取当前时间 new Date()括号中可以写时间戳和其他格式的时间。 ②dat...

并不是
2016/11/22
0
1
6个强大的JavaScript日期操作插件(翻译)

我们必须承认,JavaScript内建的Date方法实在是太基础了,远不够我们来处理日期。总有人会开发自己的JavaScript日期操作库,为何在能够使用已经开发并测试好的日期插件时还要再自己造个轮子呢...

彭博
2012/03/13
5.9K
8

没有更多内容

加载失败,请刷新页面

加载更多

新项目技术栈落地(二)——SpringMVC+Spring和SpringBoot的选择

使用SpringBoot进行项目开发已经是大势所趋,但在这里还是要说明为什么选择SpringBoot,选择SpringBoot带来的好处和SpringBoot注意的一些问题。 首先SpringBoot并不是一门新技术而是spring开...

Skqing
7分钟前
0
0
如何使用apache的ab压力测试小工具传参数

前言: windows下安装的phpstudy软件里集成的apache带了ab工具,所以可以不用单独下载。其他的操作系统下的安装或部署这里就不介绍了! 一、 使用windows的cmd进入apache的根目录,输入ab查看...

小谜弟
8分钟前
0
0
angular6.1.0 运行时报错ERROR in node_modules/rxjs/internal/types.d.ts(81,44): error TS1005: ';' expected.

angular6.1.0 运行时报错ERROR in node_modules/rxjs/internal/types.d.ts(81,44): error TS1005: ';' expected. node_modules/rxjs/internal/types.d.ts(81,74): error TS1005: ';' expect......

Jack088
11分钟前
0
0
阿里面试题剖析,如何保证消息不被重复消费?

面试题 如何保证消息不被重复消费?或者说,如何保证消息消费的幂等性? 面试官心理分析 其实这是很常见的一个问题,这俩问题基本可以连起来问。既然是消费消息,那肯定要考虑会不会重复消费...

李红欧巴
11分钟前
0
0
基于 DataLakeAnalytics 的数据湖实践

随着软硬件各方面条件的成熟,数据湖(Data Lake)已经越来越受到各大企业的青睐, 与传统的数仓实践不一样的是,数据湖不需要专门的“入仓”的过程,数据在哪里,我们就从哪里读取数据进行分析...

zhaowei121
12分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部