前端js案例
<body >
<audio src="http://www.mamicode.com/imgUpload/music.mp3" autoplay="true" loop="0"></audio> <!--背景音乐 -->
<div>
<div>
<form>
<h4>登录：</h4>
<input type="text" placeholder="用户名" />
<input type="password" placeholder="密码" />
<button>登录</button>
<a href="http://www.mamicode.com/reset"><input type="button"value="重置密码"></input></a>
</form>
</div>
<div ><h3>系统有大的更新，请手动清理浏览器缓存，，以免影响正常功能使用！</h3><h5>(如果已清理，请忽略！)</h5></div>
</div>
</body>
<script type="text/javascript">
1.显示系统维护，隐藏登录信息
$(function() {
document.getElementById("row").style.display="none";
var myDiv = document.getElementById(‘signinpanel‘); //获得dom对象
myDiv.innerHTML = myDiv.innerHTML+‘<div>温馨提示:<br/>系统正在维护中，11月15日可以正常使用！‘+
‘<img src="http://www.mamicode.com/https:/timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1573622849052&di=0e6e11c3c5d5fe856ac359e7a2dc0d94&imgtype=0&src=http%3A%2F%2Fimage.biaobaiju.com%2Fuploads%2F20190401%2F22%2F1554129886-KSrbTfRMVy.jpg"></div>‘;
return false;
});
2.在xxxx日期之前提示用户清理缓存，之后就消失
var div = document.getElementById("message");
window.onload = function () {
div.style.display=‘block‘;
var nowtime = new Date();
var endtime = new Date(‘2019/12/16,17:57:00‘);
var time= parseInt((endtime.getTime() - nowtime.getTime()) / 1000);
window.setTimeout("tick()",time);
};
3.给固定值5秒，时间到后消失
window.setTimeout("tick()",5000);
function tick(){ div.style.display=‘none‘; }
温馨提示: 本文由Jm博客推荐，转载请保留链接: https://www.jmwww.net/file/web/42372.html
![[转]Node.js中package.json中^和~的区别](/uploads/allimg/200519/054J34453_lit.png "[转]Node.js中package.json中^和~的区别")