Bagaimana untuk mendapatkan masa dan hari semasa menggunakan jQuery

Dalam halaman web, selalunya diperlukan untuk mendapatkan masa dan hari semasa dalam seminggu Pada masa ini, jQuery boleh digunakan untuk mencapai ini Terutamanya di mana masa perlu dikemas kini dalam masa nyata, jQuery adalah agak mudah untuk melaksanakan.

Artikel ini akan memperkenalkan cara menggunakan jQuery untuk mendapatkan masa dan hari semasa dalam seminggu. Saya harap ia akan membantu semua orang.

jQuery melaksanakan masa semasa

Berikut ialah kod untuk menggunakan jQuery untuk mendapatkan masa semasa:

$(document).ready(function () {
    var date = new Date();
    var time = date.toLocaleTimeString();
    $('#time').text(time);
});

Terangkan kod ini:

1. $(document).ready() bermaksud untuk melaksanakan fungsi ini selepas halaman dimuatkan untuk memastikan elemen halaman boleh dikendalikan.
2. var date = new Date(); ialah kaedah untuk mendapatkan masa semasa dan menetapkan masa yang diperolehi kepada pembolehubah date.
3. var time = date.toLocaleTimeString(); Gunakan kaedah toLocaleTimeString() untuk menyetempatkan masa dan menetapkannya kepada pembolehubah time.
4. $('#time').text(time); Kemas kini masa yang diperolehi kepada elemen #time yang dinyatakan pada halaman.

Kod lengkap adalah seperti berikut:

nbsp;html>


    <meta>
    <title>jQuery获取当前时间</title>
    <script></script>


    <div></div>
    <script>
        $(document).ready(function () {
            var date = new Date();
            var time = date.toLocaleTimeString();
            $(&#39;#time&#39;).text(time);
        });
    </script>

Kesannya seperti yang ditunjukkan dalam gambar:

JQuery melaksanakan hari dalam seminggu

Berikut ialah kod untuk menggunakan jQuery untuk mendapatkan hari dalam seminggu:

$(document).ready(function () {
    var date = new Date();
    var day = date.getDay();
    var weeks = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
    $('#week').text(weeks[day]);
});

Terangkan kod ini:

1. var day = date.getDay(); ialah kaedah untuk mendapatkan hari semasa dalam seminggu. Hari dalam minggu yang diperolehi ditetapkan kepada pembolehubah day.
2. var weeks = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六']; mentakrifkan tatasusunan yang menyimpan nama setiap minggu.
3. $('#week').text(weeks[day]); Kemas kini hari yang diperolehi dalam seminggu kepada elemen #week yang dinyatakan pada halaman.

Kod lengkap adalah seperti berikut:

nbsp;html>


    <meta>
    <title>jQuery获取星期几</title>
    <script></script>


    <div></div>
    <script>
        $(document).ready(function () {
            var date = new Date();
            var day = date.getDay();
            var weeks = [&#39;星期日&#39;, &#39;星期一&#39;, &#39;星期二&#39;, &#39;星期三&#39;, &#39;星期四&#39;, &#39;星期五&#39;, &#39;星期六&#39;];
            $(&#39;#week&#39;).text(weeks[day]);
        });
    </script>

Kesannya seperti yang ditunjukkan dalam rajah:

jQuery melaksanakan Gabungan Hari dan masa semasa dan minggu

Berikut ialah kod untuk menggunakan jQuery untuk mendapatkan masa dan hari semasa dalam minggu pada masa yang sama:

$(document).ready(function () {
    setInterval(function () {
        var date = new Date();
        var time = date.toLocaleTimeString();
        var day = date.getDay();
        var weeks = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
        $('#time').text(time);
        $('#week').text(weeks[day]);
    }, 1000);
});

Terangkan kod ini :

1. Gunakan setInterval() Kaedah mengemas kini masa dan hari dalam seminggu setiap saat.
2. $('#time').text(time); Kemas kini masa yang diperoleh kepada elemen #time yang dinyatakan pada halaman.
3. $('#week').text(weeks[day]); Kemas kini hari yang diperolehi dalam seminggu kepada elemen #week yang dinyatakan pada halaman.

Kod lengkap adalah seperti berikut:

nbsp;html>


    <meta>
    <title>jQuery获取当前时间和星期几</title>
    <script></script>


    <div></div>
    <div></div>
    <script>
        $(document).ready(function () {
            setInterval(function () {
                var date = new Date();
                var time = date.toLocaleTimeString();
                var day = date.getDay();
                var weeks = [&#39;星期日&#39;, &#39;星期一&#39;, &#39;星期二&#39;, &#39;星期三&#39;, &#39;星期四&#39;, &#39;星期五&#39;, &#39;星期六&#39;];
                $(&#39;#time&#39;).text(time);
                $(&#39;#week&#39;).text(weeks[day]);
            }, 1000);
        });
    </script>

Kesannya seperti yang ditunjukkan dalam gambar:

Ringkasan

Melalui kajian artikel ini, kita boleh menguasai cara menggunakan jQuery untuk mendapatkan masa dan hari semasa dalam seminggu.

Dalam pembangunan sebenar, kita boleh menggunakan kaedah di atas mengikut keperluan untuk mencapai pengalaman pengguna yang lebih baik.

Atas ialah kandungan terperinci Bagaimana untuk mendapatkan masa dan hari semasa menggunakan jQuery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!