Laksanakan jualan masa terhad kira detik tepat kepada milisaat berdasarkan kemahiran javascript_javascript

Artikel ini berkongsi pelaksanaan javascript kira detik untuk jualan masa terhad, dengan kira detik tepat kepada milisaat untuk rujukan anda. Kandungan khusus adalah seperti berikut

1. Rendering

Gambar di bawah adalah kesan grab masa terhad pada Juhuasuan

2 Pengetahuan yang diperlukan untuk mencapai kesan rampasan masa terhad: Objek Javascript Date()
Date() mengembalikan tarikh dan acara semasa
getYear() mengembalikan tahun yang terbaik untuk mendapatkan tahun
kaedah getFullYear() untuk beroperasi (format penuh sebagai 2016)
getMonth() mengembalikan nilai bulan (bermula dari 0, +1)
getDay() mengembalikan hari dalam seminggu (0-6)
getHours() mengembalikan bilangan jam (0-23)
getMinutes() mengembalikan bilangan minit (0-59)
getSeconds() mengembalikan bilangan saat
getTime() mengembalikan bilangan milisaat
Sudah tentu, kami mungkin tidak semestinya menggunakan semua kaedah panggilan di atas Ia juga bergantung pada keperluan anda sendiri. Tanpa berlengah lagi, mari pergi terus ke kod:
1. Kod halaman HTML:

Kami meletakkan kandungan undur dalam teg

dengan masa kiri kelas.
2. Skrip JS:

$(function(){
  function leftTime(){
    var endTime = new Date("2016/5/20,12:00:00");//结束时间
    var curTime = new Date();//当前时间
    var leftTime = parseInt((endTime.getTime() - curTime.getTime())/1000);//获得时间差
    //小时、分、秒需要取模运算
    var d = parseInt(leftTime/(60*60*24));
    var h = parseInt(leftTime/(60*60)%24);
    var m = parseInt(leftTime/60%60);
    var s = parseInt(leftTime%60);
    var ms = parseInt(((endTime.getTime() - curTime.getTime())/100)%10);
    var txt = "剩余："+d+"天"+h+"小时"+m+"分钟"+s+"."+ms+"秒";
    $(".left-time").text(txt);
    if(leftTime<=0){ $(".left-time").text("团购结束");}
  };
  leftTime();
  var set = setInterval(leftTime,100);
});

Js di atas melaksanakan contoh ringkas bagi merebut masa terhad Kaedah parseInt() adalah pembulatan, dan getTime() menukar masa kepada milisaat Selain kaedah parseInt(), anda juga boleh menggunakan Math.floor (. ) digantikan dengan membulatkan ke bawah.

Akhir sekali, ingat jangan lupa untuk memberikan if() untuk menentukan perkara yang perlu dipaparkan apabila masa tamat, jika tidak pepijat yang tidak perlu akan muncul!