pugjs中的setInterval

Question

我试着用pugjs中的混音来创造时间。我将其他页面中的特殊名称作为名称“类型”，但ı在倒数第二行出现意外的文本错误。我解决不了，你能帮我吗？

mixin createTimer(type)

    .col-6.col-md-2.p-0.mb-3
        a.btn.btn-warning.ml-0.mr-0.col-12.p-0.b(style="font-size:25px;" class=type) 
    
         
            -var saat = 2;
            -var dakika = 15;
            -var saniye = 0;
            -var bitti = false;
            -var sure = saat+':'+dakika+':'+saniye;
            sure = sure.toString();
            document.querySelector(type).innerHTML = 0:00:00
            -var kalanZaman = setInterval(()=>{        
            if saniye == 0
                saniye=60
                dakika=dakika-1
                
            
            saniye = saniye - 1
            if dakika==0&&saniye==0
                if saat==0
                    bitti=true
                else
                    saat=saat-1
                    dakika=60
                    
            

            if saniye<10
                saniyeF = saniye
                saniyeF.toString()
                saniyeF='0'+saniyeF
            else 
                saniyeF=saniye

            if dakika<10
                dakikaF = dakika
                dakikaF.toString()
                dakikaF='0'+dakika
            else 
                dakikaF=dakika

            sure = saat+':'+dakikaF+':'+saniyeF;
            if bitti==true
                document.querySelector(type).innerHTML='Time Finished'
                clearInterval(kalanZaman)
            else 
                document.querySelector(type).innerHTML = sure
                } , 1000)
            kalanZaman()

Answer 1

我发现了我的错误，我需要使用"-“为所有的js代码，但它仍然不能工作，因为没有办法直接dom manupulation与pug，所以我把我的代码翻译成javascript和我的pug文件，现在它工作了。我修复的js代码：

.col-6.col-md-2.p-0.mb-3
    a.d-none.d-md-block.btn.btn-warning.ml-0.mr-0.col-12.p-0.b(style="font-size:25px;" class="des")
script.

    function kalanZaman(){
    var saat = 2;
    var dakika = 15;
    var saniye = 0;
    var bitti = false;
    var sure = saat+':'+dakika+':'+saniye;
    sure = sure.toString();
    document.querySelector('.des').innerHTML = '0:00:00';

    setInterval(() => {        
    if(saniye==0){
        saniye=60;
        dakika=dakika-1;
        }
    
    saniye = saniye - 1;
    if(dakika==0&&saniye==0){
        if(saat==0){
            bitti=true;

            }
        else{
            saat=saat-1;
            dakika=60;
            }
    }

            if(saniye<10){
        saniyeF = saniye;
        saniyeF.toString();
        saniyeF='0'+saniyeF;
    }else{saniyeF=saniye;}
    if(dakika<10){
        dakikaF = dakika;
        dakikaF.toString();
        dakikaF='0'+dakika;
    }else{dakikaF=dakika;}
    sure = saat+':'+dakikaF+':'+saniyeF;
    if(bitti==true){document.querySelector('.des').innerHTML='Time Finished';clearInterval(kalanZaman);}
    else{document.querySelector('.des').innerHTML = sure;}
    }, 1000)};
    
    kalanZaman();