So erhalten Sie mit jQuery die aktuelle Uhrzeit und den aktuellen Wochentag

Auf Webseiten ist es häufig erforderlich, die aktuelle Uhrzeit und den aktuellen Wochentag abzurufen. Dies kann mit jQuery erreicht werden, insbesondere wenn die Uhrzeit in Echtzeit aktualisiert werden muss es mit jQuery.

In diesem Artikel erfahren Sie, wie Sie mit jQuery die aktuelle Uhrzeit und den aktuellen Wochentag ermitteln. Ich hoffe, dass er für alle hilfreich ist.

jQuery implementiert die aktuelle Uhrzeit

Das Folgende ist der Code, um mit jQuery die aktuelle Uhrzeit abzurufen:

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

Erklären Sie diesen Code:

1. $(document).ready() bedeutet das Die Seite wird geladen. Führen Sie anschließend diese Funktion aus, um sicherzustellen, dass die Seitenelemente bedient werden können. $(document).ready() 表示在页面加载完成后执行该函数，确保页面元素已经可以被操作。
2. var date = new Date(); 是获取当前时间的方法，将获取到的时间赋值给变量 date。
3. var time = date.toLocaleTimeString(); 利用 toLocaleTimeString() 方法将时间进行本地化处理，赋值给变量 time。
4. $('#time').text(time); 将获取到的时间更新到页面指定的元素 #time 中。

完整的代码如下：

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>

效果如图所示：

So erhalten Sie mit jQuery die aktuelle Uhrzeit und den aktuellen Wochentag

以下是使用jQuery获取星期几的代码：

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

解释一下这段代码：

1. var day = date.getDay(); 是获取当前星期几的方法，将获取到的星期几赋值给变量 day。
2. var weeks = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六']; 定义了一个数组，存储了每个星期的名称。
3. $('#week').text(weeks[day]); 将获取到的星期几更新到页面指定的元素 #week 中。

完整的代码如下：

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>

效果如图所示：

So erhalten Sie mit jQuery die aktuelle Uhrzeit und den aktuellen Wochentag和星期几的组合

以下是使用jQuery同时获取当前时间和星期几的代码：

$(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);
});

解释一下这段代码：

1. 使用 setInterval() 方法每隔一秒更新一次时间和星期几。
2. $('#time').text(time); 将获取到的时间更新到页面指定的元素 #time 中。
3. $('#week').text(weeks[day]); 将获取到的星期几更新到页面指定的元素 #week
var date = new Date(); ist eine Methode, um die aktuelle Uhrzeit abzurufen und die erhaltene Zeit der Variablen date zuzuweisen.

var time = date.toLocaleTimeString(); Verwenden Sie die Methode toLocaleTimeString(), um die Uhrzeit zu lokalisieren und sie der Variablen time zuzuweisen.

$('#time').text(time); Aktualisieren Sie die erhaltene Zeit auf das auf der Seite angegebene Element #time.

Der vollständige Code lautet wie folgt:

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>

Der Effekt ist wie im Bild gezeigt:

jQuery implementiert den Wochentag

Das obige ist der detaillierte Inhalt vonSo erhalten Sie mit jQuery die aktuelle Uhrzeit und den aktuellen Wochentag. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!