使用 API 获取数据并显示图片、数据和时间 | HTML 代码示例 - 常规

以下是根据给定接口编写的 HTML 代码，它使用 jQuery 从 'https://api.vvhan.com/api/60s' 接口获取数据，并将其显示为图片、数据和时间：

<!DOCTYPE html>
<html>
<head>
    <title>60s API Example</title>
    <script src='https://cdn.staticfile.org/jquery/3.5.1/jquery.min.js'></script>
</head>
<body>
    <h1>60s API Example</h1>
    <div id='imageContainer'></div>
    <div id='dataContainer'></div>
    <div id='timeContainer'></div>

    <script>
        $(document).ready(function() {
            // 发送 GET 请求获取数据
            $.get('https://api.vvhan.com/api/60s', function(response) {
                // 显示图片
                var imgUrl = response.imgUrl;
                $('#imageContainer').html('<img src='' + imgUrl + '' alt='Image'>');

                // 显示数据
                var data = response.data;
                $('#dataContainer').html('<p>Data: ' + data + '</p>');

                // 显示时间
                var time = response.time;
                $('#timeContainer').html('<p>Time: ' + time + '</p>');
            });
        });
    </script>
</body>
</html>

注意，代码中使用了 jQuery 库来简化 AJAX 请求和 DOM 操作。在 <head> 标签中引入了 jQuery 库的 CDN 链接。