倒计时多个同时支持 -- 显示*（时：分：秒）

来源：互联网发布：手机数据恢复精灵app 编辑：程序博客网时间：2024/05/22 03:39

$(function(){    updateEndTime();});function updateEndTime(){   var NowTime = new Date();   var time = NowTime.getTime();  $(".settime").each(function(I){    var aa = $(this).text(); var endDate =this.getAttribute("endTime"); //结束时间字符串 //转换为时间日期类型 var endDate1 = eval('new Date(' + endDate.replace(/\d+(?=-[^-]+$)/, function (a) { return parseInt(a, 10) - 1; }).match(/\d+/g) + ')'); var endTime = endDate1.getTime(); //结束时间毫秒数 //当前时间和结束时间之间的秒数var lag =Math.floor((endTime - time) / 1000); if(lag >= 0){    /*天：时：分：秒*/// var s = Math.floor(lag % 60);     // var m = Math.floor((lag / 60) % 60);// var h = Math.floor((lag / 3600) % 24);// var d = Math.floor((lag / 3600) / 24);    /*时：分：秒*/    var h = Math.floor(lag / 3600);    var d = Math.floor(h/24);    var m = Math.floor(lag/60%60);    var s = lag%60; $(this).html(h +":"+m+":"+s);}else{    $(this).html("时间到！");}});   setTimeout("updateEndTime()",1000);}</script>

js 倒计时显示*（时：分：秒）

<!DOCTYPE html><html><head>    <meta charset="utf-8" />    <title>倒计时代码</title>    <style type="text/css">    #clock{        font:bold 24pt sans;        background-color: #f5f5f5;        padding: 10px 15px;        border: 1px solid #ccc;        border-radius: 5px;    }    </style></head><body><h1>倒计时代码素材有毫秒显示</h1><span id="clock"></span><script>    function displayTime(){        var elt = document.getElementById("clock");        if(leftTime<0){            elt.innerHTML = "Over";        }        else{            //结束时间，需自定义 懒人建站 http://www.51xuediannao.com             var endTime = new Date("2016/04/28 18:45:13");            var now = new Date();            var leftTime = endTime.getTime() -now.getTime();            var ms = parseInt(leftTime%1000).toString();            leftTime = parseInt(leftTime/1000);            var o = Math.floor(leftTime / 3600);            var d = Math.floor(o/24);            var m = Math.floor(leftTime/60%60);            var s = leftTime%60;            elt.innerHTML = o + "小时:" + m + "分:" + s + "秒:" + ms.charAt(0);            setTimeout(displayTime,100);        }    }    displayTime();</script></body></html>

阅读全文

0 0

倒计时 多个同时支持 -- 显示*（时：分：秒）

倒计时多个同时支持 -- 显示*（时：分：秒）