# 登陆界面、设置模态框、以及倒计时的设置

登陆界面、设置模态框、以及倒计时的设置

模态框的设置：

1. 设置层次:z-index的大小来设置图层位置，最底层为内容，中间层为透明层，最上层为提示内容。

2. 设置隐藏与显示：display：none/block 来改变图层是否可见。

3. JS代码动态改变是否显示

   eg：

   显示模态框：

   document.getElementById("center").style = "display:block";

   隐藏模态框：

   document.getElementById("center").style = "display:none";

获取/改变提示信息：

获取：

var username = document.getElementById("username").value;

获取输入内容进行一系列的判断

改变：

document.getElementById("eer").innerHTML = str;

动态改变提示信息

计时器：

1. 两种计时器：

2. setTimeout

3. setInter