オープン気象データからの週のautoupdate日.
4414 ワード
私は最終的に私の天気アプリで最後のバグを修正!目標は、現在の日付からの曜日を更新することでした.
静的サイト:
コード:
すべてのカード要素は同じ
dtプロパティはUnixで、私はミリ秒に変換し、値をdateオブジェクトに渡すために1000を掛けています.dateオブジェクトは日付を返します.日付から、私は
コードからの出力
アプリケーションへのリンクWeather app
今日からのキーレッスン、ドキュメンテーションを読んでください!私は、DTのプロパティが私が助けを求められるまで知らなかった.
それは74日目です
また明日やりましょう
静的サイト:
コード:
const nextDay = [document.querySelectorAll('#nextDay')]
const daysOfTheWeek = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
let dayOftheWeek = nextDay[0]
for (i = 0; i < 7; i++) {
let timeInUnix = data[i].dt
let dateFromUnix = new Date(timeInUnix * 1000)
dayOftheWeek[i].innerText = daysOfTheWeek[dateFromUnix.getDay()]
if(i === 0 ){
dayOftheWeek[i].innerText = 'Tommorrow';
}
}
以下のコードを説明します.すべてのカード要素は同じ
#nextDay
. 使っているdocument.querySelectorAll()
を取得し、配列に格納する.私は今日から今週の正しい日を更新すると、この配列をループします.私はオープン天気APIからデータをフェッチしています、DTプロパティはオープン天気から受け取ったデータの一部です.私は毎週のデータを取得しているので、7 dtのプロパティがあるので、私はまた、それに応じて更新するプロパティをループする必要があります.dtプロパティはUnixで、私はミリ秒に変換し、値をdateオブジェクトに渡すために1000を掛けています.dateオブジェクトは日付を返します.日付から、私は
getDay()
0と6の間の整数として曜日を返します.私は、曜日の配列で変数を宣言しました.によって生成された整数の週の不正パスの曜日名を取得するにはgetDay()
私のインデックスとしての機能daysOfTheWeek[]
配列.コードからの出力
アプリケーションへのリンクWeather app
今日からのキーレッスン、ドキュメンテーションを読んでください!私は、DTのプロパティが私が助けを求められるまで知らなかった.
それは74日目です
また明日やりましょう
Reference
この問題について(オープン気象データからの週のautoupdate日.), 我々は、より多くの情報をここで見つけました https://dev.to/mtee/autoupdate-days-of-the-week-from-open-weather-data-35ipテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol