Rumah > hujung hadapan web > tutorial js > Laksanakan jualan masa terhad kira detik tepat kepada milisaat berdasarkan kemahiran javascript_javascript

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

WBOY
Lepaskan: 2016-05-16 15:05:11
asal
2200 orang telah melayarinya

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);
});
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan