Menampilkan data berganti setiap 3 hari

Data Display

saya punya array, ada banyak data, misalnya 70 data, dan mungkin akan terus ditambah.

buatkan script untuk menampilkan data tersebut berurutan, bergantian, mulai dari 1 hingga data terakhir dan kembali ke 1 lagi, namun bergantinya setiap 3 hari sekali

jadi selama 3 hari data 1 yang ditampilkan, 3 hari berikutnya data 2 yang ditampilkan dan seterusnya...

Berikut adalah contoh script JavaScript untuk menampilkan data dari array secara berurutan dengan interval 3 hari:

```javascript

// Data array

var dataArray = [/* Masukkan data-data Anda di sini */];

var dataIndex = 0; // Indeks data awal

var intervalDays = 3; // Interval dalam hari

function displayData() {

  // Menampilkan data

  console.log(dataArray[dataIndex]);

  // Mengupdate indeks data berikutnya

  dataIndex = (dataIndex + 1) % dataArray.length;

  // Mengatur timeout untuk pemanggilan rekursif setelah interval hari

  setTimeout(displayData, intervalDays * 24 * 60 * 60 * 1000);

}

// Memulai pemanggilan pertama

displayData();

```

Dalam script di atas, Anda perlu menggantikan `/* Masukkan data-data Anda di sini */` dengan data yang sebenarnya. Anda dapat menambahkan sebanyak mungkin data ke dalam array `dataArray`.

Setelah itu, script akan menampilkan data pertama dari array dan mengatur timeout untuk pemanggilan rekursif setelah interval yang ditentukan (dalam contoh ini, 3 hari). Setelah timeout tercapai, data berikutnya akan ditampilkan, dan proses ini akan terus berulang secara berurutan.

Pastikan bahwa Anda menjalankan script ini pada lingkungan yang mendukung JavaScript, seperti browser atau Node.js. Anda dapat memodifikasi tampilan data dengan menggunakan metode yang sesuai, misalnya menampilkan data pada elemen HTML di halaman web.

berikan contoh arraynya, 

misalnya angka 1 hingga 70

var dataArray = [

  1, 2, 3, 4, 5, 6, 7, 8, 9, 10,

  11, 12, 13, 14, 15, 16, 17, 18, 19, 20,

  21, 22, 23, 24, 25, 26, 27, 28, 29, 30,

  31, 32, 33, 34, 35, 36, 37, 38, 39, 40,

  41, 42, 43, 44, 45, 46, 47, 48, 49, 50,

  51, 52, 53, 54, 55, 56, 57, 58, 59, 60,

  61, 62, 63, 64, 65, 66, 67, 68, 69, 70

];

Berikut adalah kode yang diperbarui dengan penggunaan tanggal awal pada 12 Juli 2023 pukul 11.05:

```javascript

var dataArray = [

  1, 2, 3, 4, 5, 6, 7, 8, 9, 10,

  11, 12, 13, 14, 15, 16, 17, 18, 19, 20,

  21, 22, 23, 24, 25, 26, 27, 28, 29, 30,

  31, 32, 33, 34, 35, 36, 37, 38, 39, 40,

  41, 42, 43, 44, 45, 46, 47, 48, 49, 50,

  51, 52, 53, 54, 55, 56, 57, 58, 59, 60,

  61, 62, 63, 64, 65, 66, 67, 68, 69, 70

];

var dataIndex = 0; // Indeks data awal

var startDate = new Date(2023, 6, 12, 11, 5); // Tanggal awal (12 Juli 2023 pukul 11.05)

function getRandomIndex() {

  return Math.floor(Math.random() * dataArray.length);

}

function displayData() {

  var currentDate = new Date(); // Tanggal saat ini

  var timeDiff = Math.abs(currentDate.getTime() - startDate.getTime());

  var diffMinutes = Math.ceil(timeDiff / (1000 * 60));

  dataIndex = Math.floor(diffMinutes / 5) % dataArray.length;

  var dataContainer = document.getElementById("data-container");

  // Menampilkan data

  dataContainer.textContent = dataArray[dataIndex];

  setTimeout(displayData, 5 * 60 * 1000); // Set timeout untuk pemanggilan rekursif setiap 5 menit

}

// Memulai pemanggilan pertama

displayData();

```

Dalam kode di atas, `startDate` tetap digunakan dengan tanggal awal pada 12 Juli 2023 pukul 11.05. Setiap 5 menit, fungsi `displayData` akan dipanggil dan indeks data akan diperbarui berdasarkan jumlah menit yang telah berlalu sejak waktu awal. Indeks data akan diatur ulang ke 0 setelah mencapai data terakhir dalam array.

Pastikan Anda menjalankan script ini pada lingkungan yang mendukung JavaScript, seperti browser atau Node.js. Anda dapat memodifikasi tampilan data dengan menggunakan metode yang sesuai, misalnya menampilkan data pada elemen HTML di halaman web.