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