众所周知北京时间是UTC+8，等待域名掉落的时候得换算时间就很折磨人，要么就得去搜索引擎查下UTC时间。本着网站边边角角都不能浪费的原则，必须给他塞上点东西。所以搞个时间小组件玩玩，记录学习过程。

时钟页面

新建一个时钟页面，我这里给他命名为：utctime.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<head>
    <meta charset="UTF-8">
    <title>UTC时间</title>
</head>
<body>
    <div id="utc-time"></div>
    <script>
        function updateUTCtime() {
            var utcTime = new Date().toUTCString(); //获取时间
            document.getElementById('utc-time').innerText = '当前UTC: ' + utcTime;
        }
 
        window.onload = function() {
            updateUTCtime();
            setInterval(updateUTCtime, 1000);//刷新时间
        };
    </script>
</body>
</html>

编辑完成上传至你的网站任意目录，测试访问 /utctime.html 是否正常。就比如我的地址 访问后如下方可以实时读秒。

iframe嵌入

1
<iframe scrolling="no" src = '你存放的utc-time.html地址' frameborder="0"  width="400" height="100" ></iframe>

scrolling=“no”：滚动条属性为假；

src=“”：调用网站地址；如果在根目录就填**/utctime.html**；

frameborder=“0”：无边框；.

width=“”：宽度；

height=“”：高度；

**allowtransparency=“true”：允许透明*

其他补充

举一反三，可以制作别的小组件通过iframe来嵌入。我这个获取了UTC时间还不算完，准备再加个UTC定时邮件提醒来提醒我注册域名。防止睡过头忘了注册域名，别问我为什么不用抢注平台？因为蹲守的域名后缀没有地方抢注、而且注册商没有API来自建抢注通道…