1. 程式人生 > >JS倒計時特效

JS倒計時特效

我們在做專案中,不知道什麼時候就用到了前端的倒計時一些的特效,就比如;在我這次做的支付掃碼的專案中就用到倒計時這個特效。在這裡也和大家分享一下倒計時的程式碼

<script type="text/javascript">
window.onload=function(){
    var second = 90;
    var timer;
    if(timer){
        clearInterval(timer);
    }
    timer = setInterval(function(){
        if(second>0){
            second--;
        }
        else{
            clearInterval(timer);
            window.location = "Printer.aspx";
        }
        var num = document.getElementById("nums");
        num.innerHTML=second;
    },1000);
};
</script>
<body>
    <div class="box">倒計時:<span id="nums">90</span>秒</div>
</body>

當然關於倒計時的JS程式碼有很多種寫法,後續會補上,望諒解。