[学习]iframe时间小组件

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

时钟页面

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

<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嵌入

<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来自建抢注通道......