文档章节

javascript 倒计时

Timor-快跑
 Timor-快跑
发布于 2014/09/02 14:10
字数 157
阅读 5
收藏 0
<script>


   function countDown(container,delay)
   {
       
       setInterval(function(){
         var oTimer = $(container);
         var OLen = oTimer.length;
         var p=/(\d+)天(\d{1,2})时(\d{1,2})分(\d{1,2})秒/
         var format="xx天xx时xx分xx秒";
         var formatArr=format.split("xx");
         for(var i=0;i<OLen;i++){
            //取得时间
            var html=oTimer[i].innerHTML;
            var timerArr=html.match(p);
            if(!timerArr) 
             {
               oTimer[i].innerHTML='结束';
               continue;
              }
            //把时间转换成总秒数
            var sunSec=parseInt(timerArr[1])*86400+parseInt(timerArr[2])*3600+parseInt(timerArr[3])*60+parseInt(timerArr[4])
            sunSec = sunSec-parseInt(delay/1000);
            //把时间变回时间字符串
            var d=parseInt(sunSec/86400);
            var h=parseInt((sunSec%86400)/3600);
            var m=parseInt(((sunSec%86400)%3600)/60);
            var s=parseInt(((sunSec%86400)%3600)%60);
            oTimer[i].innerHTML=d+formatArr[1]+h+formatArr[2]+m+formatArr[3]+s+formatArr[4];
         }
       
       },delay)
       
    }

countDown(".timer",1000)
</script>


© 著作权归作者所有

Timor-快跑
粉丝 0
博文 9
码字总数 4265
作品 0
广州
私信 提问
点击按钮 倒计时60秒方可再次点击发送的Js代码

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

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

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

并不是
2016/11/22
1
1
vue+canvas实现炫酷时钟效果的倒计时插件(已发布到npm的vue2插件,开箱即用)

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

damon风
2017/11/23
0
0
Javascript 实现倒计时(10秒)自动关闭网页

JS倒计时10秒 实现功能 实例代码一: <html> <title>倒计时关闭网页</title> <head> <script language="javascript"> var cTime=10;//这个变量是倒计时的秒数设置为10就是10秒 function Tim......

leiboo
2014/04/27
3.2K
0
请教一个css的position的兼容问题和javascript的问题

下面是javascript: 这个主要的作用就是,显示一个商品抢购的倒计时,效果如下: 1,但是这是在谷歌浏览器上的效果,在火狐的浏览器上就没有倒计时那行字了。。 2,还有那个javascript的函数,...

plugin
2014/10/21
62
0

没有更多内容

加载失败,请刷新页面

加载更多

nginx学习笔记

中间件位于客户机/ 服务器的操作系统之上,管理计算机资源和网络通讯。 是连接两个独立应用程序或独立系统的软件。 web请求通过中间件可以直接调用操作系统,也可以经过中间件把请求分发到多...

码农实战
今天
5
0
Spring Security 实战干货:玩转自定义登录

1. 前言 前面的关于 Spring Security 相关的文章只是一个预热。为了接下来更好的实战,如果你错过了请从 Spring Security 实战系列 开始。安全访问的第一步就是认证(Authentication),认证...

码农小胖哥
今天
10
0
JAVA 实现雪花算法生成唯一订单号工具类

import lombok.SneakyThrows;import lombok.extern.slf4j.Slf4j;import java.util.Calendar;/** * Default distributed primary key generator. * * <p> * Use snowflake......

huangkejie
昨天
12
0
PhotoShop 色调:RGB/CMYK 颜色模式

一·、 RGB : 三原色:红绿蓝 1.通道:通道中的红绿蓝通道分别对应的是红绿蓝三种原色(RGB)的显示范围 1.差值模式能模拟三种原色叠加之后的效果 2.添加-颜色曲线:调整图像RGB颜色----R色增强...

东方墨天
昨天
11
1
将博客搬至CSDN

将博客搬至CSDN

算法与编程之美
昨天
13
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部