elemen sorotan jQuery berdasarkan masa tarikh semasa

Ini adalah fungsi jQuery kecil yang saya tulis untuk menambah kelas yang dipilih ke elemen berdasarkan tarikh dan masa semasa (menggunakan timestamp tarikh). Idea ini adalah untuk menetapkan sesi semasa yang kini ditunjukkan, seperti yang ditunjukkan dalam tangkapan skrin di bawah.

<span>/**
</span><span>  * $.dateTimeHighlightNow()
</span><span>  * Author: Sam Deering
</span><span>  * Adds/removes a selected class on elements based on the current date and time.
</span><span>  * usage: $('.program p').dateTimeHighlightNow();
</span><span>  */
</span>jQuery<span>.fn.dateTimeHighlightNow = function()
</span><span>{
</span>    <span>return this.each(function()
</span>    <span>{
</span>        <span>var datetimestamp = Math.round(new Date().getTime() / 1000)
</span>            elem <span>= $(this),
</span>            start <span>= elem.attr('start'),
</span>            finish<span>= elem.attr('finish');
</span>
            <span>log('datetimestamp = '+datetimestamp);
</span>
        <span>if (start < datetimestamp && finish > datetimestamp)
</span>        <span>{
</span>            elem<span>.addClass('selected');
</span>            <span>log(elem);
</span>        <span>}
</span>        <span>else
</span>        <span>{
</span>            elem<span>.removeClass('selected');
</span>        <span>}
</span>
    <span>});
</span><span>};</span>

<span>$('.program p').dateTimeHighlight();</span>

<span>/* monitor for auto change of current active session based on date/time */
</span><span>setInterval(function()
</span><span>{
</span>    <span>//run every minute
</span>    <span>$('.program p').dateTimeHighlight();
</span><span>}, 60000);</span>

PHP Timestamp dilaksanakan di sisi pelayan (jam sistem pelayan anda).
JavaScript Timestamp dilaksanakan pada sisi klien (jam sistem PC anda).
Pemeriksaan yang lebih baik untuk menukar tetapan zon waktu pelanggan ke pelayan untuk menyerlahkan sesi semasa (ini adalah sesuatu yang saya dapat melihat ke dalam pelaksanaan dalam masa terdekat jadi tunggu untuk itu).

$ ("#mydiv").

Bagaimana saya boleh menghentikan kesan sorotan sebelum selesai? Kaedah ini mengambil dua parameter: parameter clearqueue dan parameter jumptoend. Jika Clearqueue ditetapkan kepada benar, semua animasi dalam barisan akan dikeluarkan. Jika Jumptoend ditetapkan kepada benar, animasi semasa akan disiapkan dengan segera. Sebagai contoh, untuk menghentikan kesan sorotan pada div dengan id "mydiv", anda akan menggunakan kod berikut:

$ ("#mydiv"). STOP (benar, benar);

Bolehkah saya menggunakan kesan sorotan pada pelbagai elemen sekaligus? Sebagai contoh, untuk menyerlahkan semua Divs dengan kelas "Sorotan", anda akan menggunakan kod berikut:

$ (". Sorotan"). Kesan ("Sorotan", {}, 3000);

Bagaimana saya boleh membuat kesan sorotan berulang?

Anda boleh membuat kesan sorotan berulang dengan menggunakan fungsi setInterval. Fungsi ini mengambil dua parameter: fungsi yang akan dilaksanakan dan selang masa dalam milisaat. Sebagai contoh, untuk membuat kesan sorotan pada div dengan id "mydiv" ulangi setiap 5 saat, anda akan menggunakan kod berikut:

setInterval (function () { $ ("#mydiv" ) .efect ("sorotan", {}, 3000); }, 5000);
Ya, anda boleh menggunakan kesan sorotan dengan kesan lain dengan mengikat mereka bersama -sama. Sebagai contoh, untuk menggunakan kesan sorotan dan kesan lantunan pada div dengan id "mydiv", anda akan menggunakan kod berikut:

$ ("#mydiv"). Hover (fungsi () { $ (this) .effect ("sorotan", {}, 3000);
});

}). blur (function () {

Atas ialah kandungan terperinci elemen sorotan jQuery berdasarkan masa tarikh semasa. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!