JS中Safari浏览器中的Date

2023年5月27日下午2:53 • JavaScript

JS中的Date对象在不同的浏览器中表现可能有所不同，Safari浏览器中的Date对象也有其特点和注意事项。

Safari浏览器中的Date对象

获取当前时间

在Safari浏览器中，可以通过以下代码获取当前时间：

var currentDate = new Date();

根据时间戳创建Date对象

Safari浏览器中，可以使用以下代码根据时间戳创建Date对象：

var timestamp = 1617991200000;
var date = new Date(timestamp);

格式化输出日期

使用Safari浏览器的Date对象，可以通过以下方法将日期格式化为字符串输出：

var currentDate = new Date();
var formattedDate = currentDate.toLocaleDateString('en-US', {year:'numeric', month:'short', day:'numeric'});
console.log(formattedDate);

上述代码将格式化当前日期为“Apr 9, 2021”这样的字符串。

示例说明

示例1：倒计时

以下示例演示如何使用Safari浏览器中的Date对象实现倒计时。该倒计时将显示距离2021年元旦还有多少时间。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>倒计时</title>
        <script>
            function countdown() {
                var targetDate = new Date('2021-01-01 00:00:00');
                var currentDate = new Date();
                var diff = targetDate - currentDate;
                if (diff <= 0) {
                    document.getElementById('countdown').innerHTML = '倒计时已结束';
                    return;
                }
                var days = Math.floor(diff / (24 * 60 * 60 * 1000));
                var hours = Math.floor((diff % (24 * 60 * 60 * 1000)) / (60 * 60 * 1000));
                var minutes = Math.floor((diff % (60 * 60 * 1000)) / (60 * 1000));
                var seconds = Math.floor((diff % (60 * 1000)) / 1000);
                var countdownText = '距离2021年元旦还有 ' + days + '天' + hours + '小时' + minutes + '分钟' + seconds + '秒';
                document.getElementById('countdown').innerHTML = countdownText;
            }
            setInterval(countdown, 1000);
        </script>
    </head>
    <body>
        <h1>倒计时</h1>
        <div id="countdown"></div>
    </body>
</html>

示例2：格式化输出日期

以下示例演示如何将日期格式化输出为“yyyy-MM-dd”格式的字符串。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>日期格式化</title>
        <script>
            function formatDate(date) {
                var formattedDate = date.toLocaleDateString('zh-CN', {year:'numeric', month:'2-digit', day:'2-digit'})
                return formattedDate.replace(/\//g, '-');
            }
            var currentDate = new Date();
            var formattedDate = formatDate(currentDate);
            console.log(formattedDate);
        </script>
    </head>
    <body>
        <h1>日期格式化</h1>
    </body>
</html>

本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：JS中Safari浏览器中的Date - Python技术站