JQuery meniru halaman pembelian tergesa-gesa telefon bimbit Xiaomi countdown effect_jquery

1. Kesan dan penerangan fungsi

Beritahu pengguna berapa banyak masa yang tinggal untuk aktiviti dengan mengawal masa, tepat hingga detik.

2. Prinsip pelaksanaan

Pertama tentukan masa tamat aktiviti Tahun mesti tepat kepada milisaat Selepas mendapatkan tahun semasa kepada saat, gunakan masa tamat dan tolak masa semasa dipaparkan dan anda boleh melihat berapa lama masa sehingga tarikh akhir.

Kod Utama

Salin kod Kod adalah seperti berikut:

var startTime = new Date();
//Dapatkan masa semasa
startTime.setFullYear(2016, 5, 27);
//Panggil untuk menetapkan tahun
startTime.setHours(23);
//Panggil untuk menetapkan medan jam bagi masa yang ditentukan
startTime.setMinutes(59);
//Panggil untuk menetapkan medan minit pada masa yang ditentukan
startTime.setSeconds(59);
//Panggil untuk menetapkan medan saat bagi masa yang ditentukan
startTime.setMillisaat(999);
//Panggil untuk menetapkan medan milisaat masa yang ditentukan
var EndTime=startTime.getTime();
//Dapatkan masa tamat
var nMS = EndTime - NowTime.getTime();
//Tolak masa semasa daripada masa akhir untuk mendapatkan masa yang tinggal
var nD = Math.floor(nMS/(1000 * 60 * 60 * 24));
//Tentukan parameter untuk mendapatkan bilangan hari
var nH = Math.floor(nMS/(1000*60*60)) % 24;
//Tentukan parameter untuk mendapatkan jam
var nM = Math.floor(nMS/(1000*60)) % 60;
//Tentukan parameter untuk mendapatkan minit
var nS = Math.floor(nMS/1000) % 60;
//Tentukan parameter untuk mendapatkan saat Ini ialah masa semasa

3. Persekitaran operasi
IE6 IE7 IE8 dan ke atas Firefox dan Google
Ia boleh direalisasikan dalam pelayar Chrome

4. Cipta fail baharu untuk pakej termampat semua gambar, kemudian nyahzip pakej tersebut dan masukkan ke dalam folder Gambar yang dimampatkan boleh dilihat dan dimuat turun di bahagian bawah halaman. tidak perlu mengubah suai nama folder kerana ia telah ditulis dan Laluan dalam html5 sepadan

5. Apabila menyimpan fail html yang dibuat, tukar jenis pengekodan kepada (UTF-8 dengan tandatangan) supaya beberapa aksara Cina boleh dipaparkan seperti biasa. ), letakkan html5 dan folder imej yang dinyahmampat dalam folder yang sama

6. Kod

Salin kod Kod adalah seperti berikut:

7. Nachdem der Countdown abgeschlossen ist, setzen Sie das versteckte Attribut der Schaltfläche auf „false“. Es ist ganz einfach~

Dieser Code stammt aus meinem Projekt. Wenn Sie Fragen haben, hinterlassen Sie bitte eine Nachricht.