关闭

js实现时分秒的定时器

278人阅读 评论(0) 收藏 举报
<p class="fr"><span class="time" id="time">02:11:10</span> 后竞猜截止</p>


js代码
/*倒计时start*/
    var interval = 1000;
    var leftSecond;
    var time = $("#time").html();
    var arr = time.split(":");//以冒号分组 
    var hour = arr[0];
    var minutes = arr[1];
    var second = arr[2];
    var hLength = hour.length;
    var mLength = minutes.length;
    var sLength = second.length;

    if(hLength === 2){
        if(hour.substring(0,1) === '0'){
            hour = sub(hour);
        }
    }

    if(mLength === 2){
        if(minutes.substring(0,1) === '0'){
            minutes = sub(minutes);
        }
    }

    if(sLength === 2){
        if(second.substring(0,1) === '0'){
            second = sub(second);
        }
    }

    function sub(num){
        return num.substring(1,2);//截取第二个位置的
    }
       hour = parseInt(hour);
       minutes = parseInt(minutes);
       second = parseInt(second);
       leftSecond = hour*60*60 + minutes*60 + second;
    function showTime(h , m , s){
        leftSecond --;
        if(leftSecond === 0){

            $("form").attr('action',"javascript:;")
        }
        var h = Math.floor(leftSecond/3600);
        var m = Math.floor((leftSecond-h*3600)/60);
        var s = Math.floor(leftSecond-h*3600 - m*60);
        if(s < 10){
            s = '0' + s;
        }
        if(m < 10){
            m = '0' + m;
        }
        if(h < 10){
            h = '0' + h;
        }
        $("#time").html(h+":"+ m +":" + s);

    }


    window.setInterval(function(){
        showTime(hour , minutes , second );
    },interval)
    /*倒计时end*/
0
0
查看评论

用js实现每隔一秒刷新时间(含年月日时分秒)

用JS实现每隔一秒刷新时间,原理就是使用定时器,即setInterval(fn,i),每隔i秒执行fn。 下面给出具体的代码 1.代码如下: 用js实现每隔一秒刷新时间(含年月日时分秒) #time{background:#33F; color:white; height...
  • qq_30292863
  • qq_30292863
  • 2015-12-01 20:19
  • 7454

JS实现简单的时分秒倒计时代码

js简单时分秒倒计时 function countTime() { //获取当前时间 var date = new Date(); var now = date.getTime(); ...
  • u014068602
  • u014068602
  • 2016-11-16 11:13
  • 15160

JS计时器 年月日时分秒几十

计时器功能代码:<html> <body><script type="text/javascript">//设置起始时间 var together = new Date(); together.setFullYear(2015,9,17); /...
  • zenson_g
  • zenson_g
  • 2015-10-17 15:10
  • 2293

时分秒倒计时的js实现

时分秒倒计时的js实现,如图: 闲话少说,直接上代码。 html代码: 剩余天数: 0天 0时 0分 0秒 js代码: timer('timer');//调用方法 //时分秒倒计时方法 function timer(eleId){ var ele...
  • xw505501936
  • xw505501936
  • 2016-06-01 11:51
  • 4624

JS实现超酷时钟

这里分析一个带年月日、时分秒、星期数的时钟的制作过程,方法有点怪异,但是功能是OK的,主要是布局有点小问题。 首先来看看布局,时钟上的所有字都由图片构成,然后简易排下版,就跳过布局吧!<!DOCTYPE html> <html> <head> ...
  • liujian573281
  • liujian573281
  • 2017-01-11 19:52
  • 177

js秒表计时器

var c=0 var t function timedCount() { var temptextmin=document.getElementById('txt'); hour = parseInt(c / 3600);// 小时数 min = parseI...
  • ninjya_luck
  • ninjya_luck
  • 2014-07-29 13:10
  • 3607

一个 JS简单时间控件【JS时分秒时间控件】

自己在网上找了半天没找到只有 “时分秒”的控件, 就自己做了个,发在这里方便有人用到鼠标点击 后 的效果SetTime.js/**//************************************ 简单时间控件: version 1.0* 作者:李禄...
  • teresa502
  • teresa502
  • 2010-06-24 18:17
  • 6044

JS时分秒选择器

无标题文档 var str = ""; document.writeln(""); str += "时"; for (h = 0; h <= 23; h++) { if(h >=0 && ...
  • longvs
  • longvs
  • 2013-10-30 17:26
  • 6351

JS快速获取当前时间减一小时、一天及日期格式处理

JS快速获取当前时间前一小时、前一天、前一个月; 带有GTM日期的处理
  • xiaxiangyun
  • xiaxiangyun
  • 2017-12-22 15:52
  • 689

视频任意时间点开始和停止播放

video                               第10秒开始-1...
  • lihuang319
  • lihuang319
  • 2016-08-27 16:39
  • 2327
    个人资料
    • 访问:55553次
    • 积分:1203
    • 等级:
    • 排名:千里之外
    • 原创:66篇
    • 转载:0篇
    • 译文:1篇
    • 评论:1条
    文章分类