3秒自动消失提示框

3秒自动消失弹框

body内第一行

<div id="alertmess"></div>  // 弹框

	#alertmess {
		position: fixed;
		top: 30px;
		left: 40%;
		right: 40%;
		padding: 20px 30px;
		background: rgba(0, 0, 0, .6);
		color: #fff;
		font-size: 20px;
		text-align: center;
		z-index: 999;
		display: none;
	}

// 需先引入 jquery
	function alertmess(mess) {
		$('#alertmess').html(mess);  // 填入要显示的文字
		$('#alertmess').show();  // 显示弹框
		setTimeout(function () {  // 倒计时
			$('#alertmess').html(''); // 清空文本
			$('#alertmess').hide();  // 隐藏弹框
		}, 3000);  // 3秒
	}

调用

alertmess('已修改');

效果