js 倒计时写法（三种：倒计时发送，倒计时时间，倒计时可用）

最新推荐文章于 2022-08-15 19:37:00 发布

置顶柒拾~

最新推荐文章于 2022-08-15 19:37:00 发布

阅读量7.9k

点赞数 1

分类专栏： javascript java

本文链接：https://blog.csdn.net/Easet/article/details/53611242

版权

java 同时被 2 个专栏收录

5 篇文章 0 订阅

订阅专栏

javascript

3 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>倒计时</title>
</head>

<body>

             <div class="title_1">
                 <input id="text_1" type="text" name="textss" value="查看条款(30)"placeholder="请在这里输入标题"/>
             </div>
             <!--标题2-->
             <div class="title_2">
                 <input id="text_2" type="texts" οnclick="showM(30)" placeholder="输入作者"/>
             </div>
     <script src="../wechat/js/jquery-3.1.1.min.js" type="text/javascript"></script>
<script>
   
    //倒计时30秒
    var end=30;//初始化给个值为30
    document.getElementById("text_1").disabled=true;  //设置名字为text的文本不可用
    for(var i=1;i<=end;i++){
        window.setTimeout("update("+i+")",i*1000); //当i=30时执行update方法
    }
    function update(number){
        if(number==end){
            document.getElementById("text_1").value="输入作者名字";
            document.getElementById("text_1").disabled=false;//设置名字为text的文本可用
                 }else{
            var endsceond=end-number;
            document.getElementById("text_1").value="查看条款("+endsceond+")";
        }
    }

    //30秒后再次点击
    function showM(t){
        for(var i=1;i<=t;i++){
          window.setTimeout("updates("+i+","+t+")",i*1000);
        }
    }
    function updates(number,t){
        if(number==t){
            document.getElementById("text_2").value="重新点击";
            document.getElementById("text_2").disabled=false;
        }else{
            var p=t-number;
            document.getElementById("text_2").value=p+"秒后重新点击";
            document.getElementById("text_2").disabled=true;
        }
    }

    //倒计时。
    var interval=1000;//指定时间为：1秒（可要可不要）
    function Show(year,month,day,divname){
        var now=new Date();            //调用系统时间,当前时间
        var endDate=new Date(year,month-1,day);   //结束时间
        var leftTime=endDate.getTime()-now.getTime();//剩下的时间
        var leftsecond=parseInt(leftTime/1000);//剩下的秒数
        var day_1=Math.floor(leftsecond/(60*60*24));//剩余天数
        var hour=Math.floor((leftsecond-day_1*24*60*60)/3600);//剩余小时
        var minute=Math.floor((leftsecond-day_1*24*60*60-hour*60*60)/60);//剩余分钟
        var second=Math.floor(leftsecond-day_1*24*3600-hour*3600-minute*60);//剩余秒数
        var cc=document.getElementById(divname);//把结果显示在div上
        var zhou=new Array('日','一','二','三','四','五','六');//星期
        cc.innerHTML="怪兽距离"+year+"年"+month+"月"+day+"日"+"还有:"+day_1+"天"+hour+"小时"+minute+"分"+second+"秒"+"今天是星期"+zhou[now.getDay()];
        if (now >= endDate)
        {
            clearTimeout(this.timeout);
            cc.innerHTML = "时间已到";
            return;
        }
    }
      window.setInterval(function(){Show(2017,1,5,'head_1_left_title_1_img');},interval);//div  是id 不是class

</script>
</body>
</html>

柒拾~

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
js 倒计时写法（三种：倒计时发送，倒计时时间，倒计时可用）

html>lang="en"> charset="UTF-8"> 倒计时 class="title_1"> id="text_1" type="text" name="textss" value="查看条款(30)"placeholder="请在这里输入标题"/>
复制链接

扫一扫