自定义toast提示

巴博尔

于 2020-10-22 09:49:06 发布

阅读量152

点赞数

分类专栏： JavaScript 文章标签： js javascript html 前端

本文链接：https://blog.csdn.net/weixin_44085311/article/details/109215627

版权

JavaScript 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

自定义toast提示

2020/10/22

// 创建toast提示
function Toasts(txt) {
	let c_div = document.createElement("div");
	c_div.innerHTML = txt;
	c_div.style =
		"font-size:16px;padding:5px 8px;border-radius:5px;background-color:rgba(0,0,0,.6);text-align:center;color:#ffffff;width:auto !important;display:inline;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);";
	document.body.appendChild(c_div);
	let times = setInterval(function() {
		document.body.removeChild(c_div);
		clearInterval(times);
	}, 2000);
};