JavaScriptの計算のフォント、色、サイズなどを変更するにはどうすればよいですか？

Question

私はサイト上で多くの質問を見てきましたが、似たような問題は私のものではないようです。

私は週、日、時間などの配列を生成し、毎秒を計算するカウントダウンタイマーをJavascriptで書いてあります。私はCountdown.jsに持っているコードは次のとおりです。私は

if(elements.length) { 
      for(x in elements) { 
       var x = elements[x]; 
       document.getElementById(x).innerHTML = data[x]; 

ではなく、必ずどのようにデータとして[X]にいくつかの変更を加える必要があり

var countdown = function(end, elements) { 
var _second = 1000, 
    _minute = _second * 60, 
    _hour = _minute * 60, 
    _day = _hour * 24, 
    _week = _day * 7, 

    end = new Date(end), 
    timer, 

    calculate = function() { 

     var now = new Date(), 
      remaining = end.getTime() - now.getTime(), 
      data; 

     if(remaining <= 0) { 
      clearInterval(timer); 

      if(typeof callback === 'function') { 
       callback(); 
      } 
     } else { 
      if(!timer) { 
       timer = setInterval(calculate, _second); 
      } 

      data = { 
      'weeks' : Math.floor(remaining/_week), 
      'days' : Math.floor((remaining % _week)/_day), 
      'hours' : Math.floor((remaining % _day)/_hour), 
      'minutes' : Math.floor((remaining % _hour)/_minute), 
      'seconds' : Math.floor((remaining % _minute)/_second) 
     } 

     if(elements.length) { 
      for(x in elements) { 
       var x = elements[x]; 
       document.getElementById(x).innerHTML = data[x]; 
     } 
     } 

     } 


    }; 

calculate(); 
} 

を前提としています。方法で取得します。これに関連し、私はindex.htmlの中に持っている

HTMLは次のとおりです。

<div style="width: 14%; padding-bottom: 14%; background-color: rgba(141,155,112,0.5); float: left;"><span id="weeks">00</span></div> 

の変更：

<script src="Countdown.js"></script> 
<script> 
countdown('06/03/2017 03:00:00 PM', ['weeks', 'days', 'hours', 'minutes', 'seconds'] , function() { 
console.log('finished!')  
}); 
</script> 

と、週、日などは、すべてこのような個々のDIVSであります私は、Javascriptが引き継ぎ、フォントが通常に戻ってしまうので、HTMLにしないでください。また、私は非標準のフォントを使用したいので、Javascriptで@ font-faceを使う方法がありますか？

Answer 1

javascriptコードがあなたのスタイルをどのように変えているかについて何の手がかりも得られませんでした。しかし、あなたはfont-faceをjavascriptで追加できます。私たちは、文書にフォントを追加する前に、我々は明示的に（何をロードすることを強制する必要がありますに

をフォントを追加するFontFaceオブジェクトに

var f = new FontFace("fingerpaint", "url(fingerpaint-regular-webfont.ttf)", {}); 

を作成

else？）load（）メソッド。 FontFace

document.body.style.fontFamily = "fingerpaint"; 

を使用して

f.load().then(function (loadedFace) { 
    document.fonts.add(loadedFace); 
}); 

は、参考のために、このlinkをチェックしてください。

・ホープ、このことができます:)