如何制作一个时钟呢？效果如下图所示：
这里的时钟会不停的走，但是下面的页面是不会变得，这样就实现了我们想要的效果了。下面我将分为以下几个方面来讲：
javascript中的Date引用类型
几种效果不佳的实例
<iframe>标签
最终效果不错的实例
如果大家想直接看最终不错的效果实例，可以看文章结尾处代码。
第一部分：Date引用类型
1.日期对象可以直接使用new操作符和Date构造函数构造。代码如下：
var date=new Date();
2. 通过构造函数直接得到的date对象的时间是当前的时间。由于Date类型使用自UTC（Coordinated Univers
在本文中，我们将探讨如何利用JavaScript的Date对象和HTML的iframe标签来制作一个实时更新的时钟。让我们深入理解Date引用类型及其相关方法。
Date对象是JavaScript中用于处理日期和时间的核心类，可以通过new操作符和Date构造函数创建。当你创建一个新的Date实例时，它会表示从UTC（协调世界时）1970年1月1日午夜到当前时间的毫秒数。默认情况下，Date对象会输出易于理解的日期和时间格式，这是通过调用toString()方法实现的。
例如：
```javascript
var date = new Date();
console.log(date); // 输出当前时间，如：Mon Oct 31 2016 23:29:07 GMT+0800 (中国标准时间)
```
如果你想获取自1970年以来的毫秒数，可以使用valueOf()方法：
```javascript
console.log(date.valueOf()); // 输出毫秒数，如：1477927747916
```
Date对象还提供toLocaleString()方法，用于将毫秒数转换为本地时间的字符串表示：
```javascript
console.log(date.toLocaleString()); // 输出本地时间字符串，如：2016/10/31 下午11:29:07
```
此外，Date对象允许你创建自定义日期。你可以使用Date.parse()或Date.UTC()方法：
```javascript
var time = new Date(Date.parse("October 31,2016")); // 通过Date.parse()解析日期字符串
var time2 = new Date("October 31,2016"); // 直接在构造函数中传递字符串
var utcTime = new Date(Date.UTC(2016, 9, 31, 23, 26, 50)); // 使用UTC时间
var localTime = new Date(2016, 9, 31, 23, 26, 50); // 本地时间
```
需要注意的是，月份参数在Date.UTC()中是从0开始的，所以10月应输入9，而时间参数使用24小时制。
现在，我们讨论如何创建时钟。在描述中提到，一种不理想的方法是结合JavaScript定时器（setTimeout或setInterval）和HTML的meta标签的刷新功能。这种方法会导致整个页面刷新，这不是我们想要的，因为时钟应该独立于页面其他部分更新。
更合适的做法是使用JavaScript的setInterval函数每隔一定时间（如1秒）更新DOM中的时间显示，而不刷新整个页面。我们可以将时间显示在一个iframe内，这样即使页面其他部分保持不变，时钟依然能够动态更新。
为了实现这个功能，首先在HTML中创建一个iframe，并为其设置一个ID，然后在JavaScript中获取这个iframe并更新其内容。例如：
```html
<!DOCTYPE html>
<html lang="en">
<head>
<title>实时时钟</title>
</head>
<body>
<iframe id="clock"></iframe>
<script src="clock.js"></script>
</body>
</html>
```
在clock.js中：
```javascript
function updateClock() {
var now = new Date();
var clockContent = now.toLocaleTimeString();
document.getElementById('clock').contentWindow.document.body.innerHTML = clockContent;
}
setInterval(updateClock, 1000);
```
这段代码会每秒更新iframe的内容，显示当前的本地时间。
总结一下，创建实时时钟的关键在于利用Date对象处理时间，并使用JavaScript定时器来定期更新显示。通过在iframe中实现这个功能，我们可以确保时钟的更新不会影响到页面的其他部分。在实际开发中，还可以考虑添加更多的样式和功能，如调整时钟的外观、显示日期等，以满足不同需求。
