2022/11/01

系统对话框

系统对话框有三种：

alert(str)，显示警告信息，用户无法控制，只能选择OK

confirm(str)，显示确认信息，用户可以选择确认或取消

prompt(query：string，val：string)，显示输入框信息

遗憾的是，由于系统对话框有操作系统和浏览器决定，与页面无关，所以我们无法通过CSS控制其样式。而默认样式一般较为简陋，所以通常使用现成组件库实现对话框。

组件库实现对话框是一种模拟形式，使用了html元素模拟其效果

定时器

setTimeout()与setInterval()是js中的两个定时器，语法相同，值得注意的是两方法都返回一个循环定时ID: number，可以被变量接收。

通过以下方案，可以实现全局可控制的定时器，这常常是很实用的。

let timer: number
function foo() {
  timer = setInterval(() => {
    console.log('any')
  }, 1000)
}
clearInterval(timer)