Saya cukup baru di Javascript dan saya ingin membuat yang berikut ini misalnya:

enter image description here

Pada dasarnya, saya mencoba untuk mendapatkan konten khusus yang dapat ditutup oleh pengguna saat dibutuhkan. Saya mendengar bahwa ini dapat dilakukan menggunakan localStorage dengan periode waktu habis.

Setelah pengguna mengklik tombol tutup, itu tetap tersembunyi di DOM sampai penghitung waktu berakhir, katakanlah 2-3 hari dan kemudian muncul kembali lagi di halaman.

Bagaimana cara saya melakukannya?

Akan sangat menghargai bantuan dalam hal ini.

Terima kasih

-1
Jeiman 19 Juni 2016, 14:30
1
Anda diharapkan setidaknya mencoba membuat kode ini untuk diri Anda sendiri. Stack Overflow bukan layanan penulisan kode. Saya menyarankan Anda melakukan penelitian tambahan, baik melalui Google atau dengan mencari SO, mencoba dan. jika Anda masih mengalami masalah, kembali dengan kode Anda dan jelaskan apa yang telah Anda coba dan mengapa itu tidak berhasil.
 – 
Paulie_D
19 Juni 2016, 14:36

1 menjawab

Jawaban Terbaik

Anda dapat menggunakan localStorage untuk itu. pendekatan yang lebih mudah adalah dengan menggunakan cookie, pada cookie Anda dapat mengatur waktu kedaluwarsa dan itu akan dihapus secara otomatis.

Menggunakan localStorage akan terlihat seperti ini:

// User has clicked in the past
if (localStorage.userClickExpiration) {
    if (Date.now() > parseInt(localStorage.userClickExpiration)) {
        // Time expired, reset the localStorage and show the element
        localStorage.removeItem('userClickExpiration');
        $('.element').show();
    } else {
        $('.element').hide();
    }
}

// User click handler
function handleClick() {
    // Store the time when the auto hide will be expired, now + 2 days in milliseconds
    localStorage.userClickExpiration = Date.now() + (2 * 24 * 60 * 60 * 1000);

    // Hide the element using jQuery
    $('.element').hide();
}
1
dcohenb 19 Juni 2016, 15:10