jQuery勉強中です。カウントダウンタイマーのコードの仕組みがわかりません。

現在プログラミング未経験で勉強中です。
オンラインプログラミングスクールで主にPHPを学んでいるのですが、PHPの基礎は一通りやったので少し幅を広げて、jQueryを少し学ぼうと思ったのですが（オンラインスクールで教材を提供していただいてます）、下記のカウントダウンタイマーのコードの仕組み、意味が正直全くわからず困っています。

jQuery
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
5<script type="text/javascript">
6  var timerId;
7  // カウントダウンの終了日
8  var endDateTime   = new Date("2020/07/24 20:00:00");
9 
10  function countDownTimer() {
11    /* ここにカウントダウンの処理を追記する */
12 
13    var startDateTime = new Date();
14    var remaining = endDateTime - startDateTime;
15 
16    if( remaining < 0 ){
17      $("#contents").html('東京オリンピック開催中です');
18      // 繰り返し動作を停止 
19      clearInterval(timerId);
20      return
21    }
22 
23    var daySeconds = 24 * 60 * 60 * 1000;
24 
25    // 期限から現在までの残り日数
26    var d = Math.floor(remaining / daySeconds)
27    // 期限から現在までの残り時間
28    var h = Math.floor((remaining % daySeconds) / (60 * 60 * 1000))
29    // 期限から現在までの残り分数
30    var m = Math.floor((remaining % daySeconds) / (60 * 1000)) % 60
31    // 期限から現在までの残り秒数
32    var s = Math.floor((remaining % daySeconds) / 1000) % 60 % 60
33 
34    $("#TimeRemaining").text(d + '日' + h + '時間' + m + '分' + s + '秒');
35  }
36 
37  $(function() {
38    // 指定した一定時間ごとに関数countDownTimer()を呼び出す
39    timerId = setInterval('countDownTimer()', 1000);
40  });
41</script>
42</head>
43<body>
44<div id='contents'>
45  <p>東京オリンピックまで</p>
46  <div id="TimeRemaining"></div>
47</div>
48</body>
49</html>

PHPで使用するif文やfunctionなどはわかりますが、jQueryならではのものは全てわかりません。
素人にもわかりやすく説明してくださる方おられましたら、教えていただけるととても嬉しいです。
また、jQueryやJavaScriptは完璧に理解していなくても、PHPができればエンジニアとして転職は可能なのか、実際にエンジニアになった後にjQueryやJavaScriptを理解したという方はおられるのかも、知っている方おられましたら合わせて教えていただけると幸いです。
よろしくお願いします。

kei344

2019/07/16 14:07

そもそも「カウントダウンタイマーのコードの仕組み」がありませんが、「何」が「どのように」わからないのか、どのコードで詰まっているのかなどを追記されたほうが回答が望めると思います。 https://teratail.com/help/question-tips#questionTips2

退会済みユーザー

2019/07/16 14:29

修正依頼ありがとうございます。コードを間違えて載せていました。これで正常に作動はするのですが、作動の流れといいますか、仕組みが全てわかりません。if文やfunctionなどPHPで使用することについてはわかります。

行動規範の内容に同意します

回答2件

papinianusさんが書いてる通り

setInterval('countDownTimer()', 1000); ← ココで1000ミリ秒毎に
countDownTimer()を呼び出してます。

後は、そのFunction内で、現在の日時を取得し、指定されているendDateTimeに
対して、計算を行った結果を<div id="TimeRemaining">に対して書き込みを
続けています。

追記
最後の方の質問ですが、エンジニアになってからも理解して覚える事は沢山有ります。
というか最初から、パーフェクトな人材はほぼいません。
何故かというと、言語は沢山有りますし仕事の内容により使う言語も多岐に渡ります。
新しく言語も増えていきますので、都度勉強しながら実務をこなす事が多いです。
自分の知っている言語で仕事を任される事も有りますが、仕事に合わせて言語を学ぶ
事の法が多いと思います。

投稿2019/07/17 00:52

編集2019/07/17 05:36