注册 登录 充值会员 退出
毕业设计 PHP源码
充值

css3智能家居监控面板主页布局代码

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2019-04-27
css3智能家居监控面板主页布局代码
一款基于js+css3+svg制作的扁平风格智能家居监控面板主页布局代码,比较简单,带日期和时间显示。


js代码

<script type="text/javascript">
d = new Date();
days = ['星期天', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
months = ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'];
day = d.getDate();
w = days[d.getDay()];
month = months[d.getMonth()];
h = d.getHours();
y = d.getFullYear();
m = d.getMinutes();
ampm = h >= 12 ? '下午' : '上午';
h = h % 12;
h = h ? h : 12; // the hour '0' should be '12'
m = m < 10 ? '0' + m : m;
var strTime = h + ':' + m + ' ' + ampm;
document.getElementsByClassName('time')[0].innerHTML = day + ' ' + month + ' ' + y + '<br />' + w + ' ' + strTime;

var body = document.body;
setTimeout(function(){
  body.classList.add('active');
}, 200);
  
document.getElementsByClassName('reload')[0].onclick = function() {
  body.classList.remove('active');
  setTimeout(function() {
    body.classList.add('active');
  }, 1500);
}
</script>