js倒记时代码开发-创新互联

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" >
<title></title>

</head>
<body onload="leftTimer()">

<h3>投标倒记时:</h3>

<table>
    <tr>
        <td id="days" ></td>
        <td id="hours"></td>
        <td id="minutes"></td>
        <td id="seconds"></td>
    </tr>
</table>

<style type="text/css">
    td{ background: #1e7bb3;  padding: 0 10px;  height: 50px; line-height: 50px; font-size: 30px; color: #fff; font-weight: bold;}
</style>

</body>
</html>

<script language="javascript" type="text/javascript">

var itimer=null;

function checkTime(i){ //将0-9的数字前面加上0，例1变为01

     if(i <1)
     {
        return "00";
     }
     else
     {
        if(i<10)
         {
             i = "0" + i;
         }
         return i;
     }

}
function c(a)
{
    console.log(a);
}

function leftTimer(year,month,day,hour,minute,second){

    var leftTime = (new Date(year,month-1,day,hour,minute,second)) - (new Date()); //计算剩余的毫秒数
      var days = parseInt(leftTime / 1000 / 60 / 60 / 24 , 10); //计算剩余的天数
     var hours = parseInt(leftTime / 1000 / 60 / 60 % 24 , 10); //计算剩余的小时
     var minutes = parseInt(leftTime / 1000 / 60 % 60, 10);//计算剩余的分钟
     var seconds = parseInt(leftTime / 1000 % 60, 10);//计算剩余的秒数
     var seconds11=seconds;
      days = checkTime(days);
     hours = checkTime(hours);
     minutes = checkTime(minutes);
     seconds = checkTime(seconds);

    document.getElementById("days").innerHTML = days+"天";
    document.getElementById("hours").innerHTML = hours+"小时";
    document.getElementById("minutes").innerHTML = minutes+"分";
    document.getElementById("seconds").innerHTML = seconds+"秒";

    //清除定时器任务
    if(seconds11 < 0)
    {
        clearInterval(itimer);
    }

    c(leftTime);
}

window.onload = function(){
    itimer= setInterval("leftTimer(2018,03,07,10,30,00)",1000);
}

</script>

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

10年的凤县网站建设经验，针对设计、前端、开发、售后、文案、推广等六对一服务，响应快，48小时及时工作处理。营销型网站建设的优势是能够根据用户设备显示端的尺寸不同，自动调整凤县建站的显示方式，使网站能够适用不同显示终端，在浏览器中调整网站的宽度，无论在任何一种浏览器上浏览网站，都能展现优雅布局与设计，从而大程度地提升浏览体验。创新互联从事“凤县网站设计”,“凤县网站推广”以来，每个客户项目都认真落实执行。

标题名称：js倒记时代码开发-创新互联
转载注明：https://www.cdcxhl.com/article30/dsihpo.html

成都网站建设公司_创新互联，为您提供定制开发、移动网站建设、软件开发、静态网站、用户体验、云服务器

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容