Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

Dayjs JavaScriptライブラリを使用した2回の違いは？

以下が私たちの時間データだとしましょう-

var startHour = dayjs().hour(10)
var endHour = dayjs().hour(22)

違いを得るには、diff（）メソッド-

を使用します

例

以下はコードです-

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Document</title>
</head>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/dayjs/1.8.20/dayjs.min.js"></script>
<script>
   var startHour = dayjs().hour(10)
   var endHour = dayjs().hour(22)
   console.log("The hours difference is=" + endHour.diff(startHour, "hours"));
</script>
</html>

上記のプログラムを実行するには、ファイル名anyName.html（index.html）を保存します。ファイルを右クリックし、VSCodeEditorで[ライブサーバーで開く]オプションを選択します-

出力

出力は次のとおりです-

Dayjs JavaScriptライブラリを使用した2回の違いは？


  1. PHPとJavaScriptの違い

    この投稿では、PHPとJavaScriptの違いを理解します- JavaScript バックエンドだけでなく、フロントエンドでも機能します 非同期です。つまり、入出力操作を待機しません。 ブラウザで実行できます。「ノード」がリリースされているため、JavaScriptもコマンドラインで実行できます。 HTML、AJAX、XMLと組み合わせることができます。 これは、イベント駆動型のシングルスレッド言語です。これは、すべてをブロックするのではなく、同時に実行されることを意味します。 ステートメントはタグとタグ内に配置されます。 これらのタグはWebページ内のどこにでも存在できますが、

  2. JavaScriptを使用して2次元平面内の2点間の距離を見つける

    問題 平面内の2つのポイントを指定するxプロパティとyプロパティの両方を持つ2つのオブジェクトを取り込むJavaScript関数を作成する必要があります。 この関数は、これら2つのポイント間の距離を見つけて返す必要があります。 例 以下はコードです- const a = {x: 5, y: -4}; const b = {x: 8, y: 12}; const distanceBetweenPoints = (a = {}, b = {}) => {    let distance = 0;    let x1 = a.x,   &