28 lines
754 B
JavaScript
28 lines
754 B
JavaScript
let timeout = null
|
|
/**
|
|
* @param {String} message 提示信息
|
|
*/
|
|
const showToast = (message) => {
|
|
const curr = document.querySelector('.my-toast')
|
|
if (curr) {
|
|
document.querySelector('.container').removeChild(curr)
|
|
clearTimeout(timeout)
|
|
timeout = null
|
|
}
|
|
requestAnimationFrame(() => {
|
|
let toast = document.createElement('div')
|
|
toast.classList.add('my-toast')
|
|
toast.innerText = message
|
|
document.querySelector('.container').appendChild(toast)
|
|
requestAnimationFrame(() => {
|
|
toast.classList.add('active')
|
|
})
|
|
timeout = setTimeout(()=> {
|
|
document.querySelector('.container').removeChild(toast)
|
|
toast = null
|
|
clearTimeout(timeout)
|
|
timeout = null
|
|
}, 1800)
|
|
})
|
|
}
|
|
export {showToast} |