JSでタイマーをつくっているのですが...

Question

JSでタイマーをつくっているのですが、数字の「1」という文字が、フォント上横幅が小さいがために、

数字のあとにつづく「秒」とか「分」とかが絶え間なく左右へ移動してしまいます。そのため、秒という文字が動かずにその場に固定されている状態にする方法を伺いたくて質問しました。

レスポンシブに対応した方法をお伺いしたいです。よろしくお願いいたします。

Answer 1

・等幅フォントを使う
・時、分、秒の表示を分け、あらかじめ横幅を設定したボックス要素内に表示する

Comments

[prog.henry]

なるほど！ありがとうございました！

Answer 2

数値と文字を別のレイヤーにわけて重ね、
文字の空いているところにうまく数値を表示するようにすればいいでしょう

Comments

[prog.henry]

ご返信ありがとうございました！