定时任务示例：使用 setInterval 和 clearInterval 实现多种功能
<table cellspacing="0" cellpadding="0" style="table-layout: fixed; width: 979px; font-size: 12px;"><tbody><tr><td class="t_f" id="postmessage_342" style="font-size: 14px; line-height: 24px;"><ne-clipboard data="%7B%22type%22%3A%22fragment%22%2C%22name%22%3A%22%23fragment%22%2C%22children%22%3A%5B%7B%22type%22%3A%22element%22%2C%22id%22%3A%2296c34409%22%2C%22name%22%3A%22h4%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u1b7ecde6%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%221.%20%E5%80%92%E8%AE%A1%E6%97%B6%E5%8A%9F%E8%83%BD%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u6bf13459%22%2C%22name%22%3A%22hole%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22card%22%2C%22id%22%3A%22KRwgr%22%2C%22name%22%3A%22codeblock%22%2C%22attrs%22%3A%7B%22value%22%3A%7B%22mode%22%3A%22javascript%22%2C%22code%22%3A%22var%20countdownTime%20%3D%2010%3B%5Cnvar%20countdownInterval%3B%5Cn%5Cnfunction%20updateCountdown()%20%7B%5Cn%20%20if%20(countdownTime%20%3E%200)%20%7B%5Cn%20%20%20%20console.log(%5C%22%E5%89%A9%E4%BD%99%E6%97%B6%E9%97%B4%3A%20%5C%22%20%2B%20countdownTime%20%2B%20%5C%22%E7%A7%92%5C%22)%3B%5Cn%20%20%20%20countdownTime--%3B%5Cn%20%20%7D%20else%20%7B%5Cn%20%20%20%20clearInterval(countdownInterval)%3B%5Cn%20%20%20%20console.log(%5C%22%E5%80%92%E8%AE%A1%E6%97%B6%E7%BB%93%E6%9D%9F%EF%BC%81%5C%22)%3B%5Cn%20%20%7D%5Cn%7D%22%2C%22autoWrap%22%3Afalse%2C%22lineNumbers%22%3Atrue%2C%22heightLimit%22%3Atrue%2C%22collapsed%22%3Afalse%2C%22hideToolbar%22%3Afalse%2C%22name%22%3A%22%22%2C%22tabSize%22%3Anull%2C%22indentWithTab%22%3Afalse%2C%22lightLines%22%3A%5B%5D%2C%22foldLines%22%3A%5B%5D%2C%22theme%22%3A%22Github%20Light%22%2C%22customStyle%22%3A%5B%5D%2C%22__spacing%22%3A%22both%22%7D%2C%22cardType%22%3A%22block%22%7D%2C%22cardType%22%3A%22block%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u2168e334%22%2C%22name%22%3A%22p%22%2C%22attrs%22%3A%7B%22alignment%22%3A%22right%22%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22uc6a1eab9%22%2C%22name%22%3A%22p%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u8e0bb06e%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E7%94%A8%E6%B3%95%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u42a7dfd4%22%2C%22name%22%3A%22uli%22%2C%22attrs%22%3A%7B%22list%22%3A%22u444cc79b%22%2C%22fid%22%3A%22u18b1ec9c%22%2C%22indexStyle%22%3A%7B%7D%2C%22indexType%22%3A0%2C%22parentIndex%22%3A%5B%5D%2C%22index%22%3A0%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u799c8d7c%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E5%90%AF%E5%8A%A8%EF%BC%9A%22%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u4af54306%22%2C%22name%22%3A%22code%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u9194a48f%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22startCountdown()%22%7D%5D%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u44149c43%22%2C%22name%22%3A%22uli%22%2C%22attrs%22%3A%7B%22list%22%3A%22u444cc79b%22%2C%22fid%22%3A%22u18b1ec9c%22%2C%22indexStyle%22%3A%7B%7D%2C%22indexType%22%3A0%2C%22parentIndex%22%3A%5B%5D%2C%22index%22%3A1%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22ua01c19d7%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E5%81%9C%E6%AD%A2%EF%BC%9A%22%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u3ca53c2d%22%2C%22name%22%3A%22code%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u90003017%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22stopCountdown()%22%7D%5D%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22ud674a5fa%22%2C%22name%22%3A%22p%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u80cc8eef%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E5%BA%94%E7%94%A8%E5%9C%BA%E6%99%AF%22%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22udbff2838%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%5Cn%22%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22ub5b3a760%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E6%B8%B8%E6%88%8F%E5%80%92%E8%AE%A1%E6%97%B6%E3%80%81%E4%BC%9A%E8%AE%AE%E6%8F%90%E9%86%92%E3%80%81%E8%80%83%E8%AF%95%E8%AE%A1%E6%97%B6%E3%80%81%E7%83%B9%E9%A5%AA%E8%AE%A1%E6%97%B6%E7%AD%89%E3%80%82%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22ua451b695%22%2C%22name%22%3A%22hole%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22card%22%2C%22id%22%3A%22pvKSX%22%2C%22name%22%3A%22hr%22%2C%22attrs%22%3A%7B%22value%22%3A%7B%7D%2C%22cardType%22%3A%22block%22%7D%2C%22cardType%22%3A%22block%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22941896ce%22%2C%22name%22%3A%22h4%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u3193cbc6%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%222.%20%E5%AE%9E%E6%97%B6%E6%97%B6%E9%92%9F%E6%98%BE%E7%A4%BA%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22uaa34585f%22%2C%22name%22%3A%22hole%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22card%22%2C%22id%22%3A%22Sh8ae%22%2C%22name%22%3A%22codeblock%22%2C%22attrs%22%3A%7B%22value%22%3A%7B%22mode%22%3A%22javascript%22%2C%22code%22%3A%22let%20myVar%3B%5Cn%5Cnfunction%20myTimer()%20%7B%5Cn%20%20%20%20const%20time%20%3D%20new%20Date().toLocaleTimeString()%3B%5Cn%20%20%20%20console.log(%5C%22%E5%BD%93%E5%89%8D%E6%97%B6%E9%97%B4%EF%BC%9A%5C%22%20%2B%20time)%3B%5Cn%7D%5Cn%5Cnfunction%20myStopFunction()%20%7B%5Cn%20%20%20%20clearInterval(myVar)%3B%5Cn%7D%5Cn%5Cn%2F%2F%20%E5%90%AF%E5%8A%A8%E6%97%B6%E9%92%9F%5CnmyVar%20%3D%20setInterval(myTimer%2C%201000)%3B%5Cn%2F%2F%20%E5%81%9C%E6%AD%A2%E6%97%B6%E9%92%9F%EF%BC%9AmyStopFunction()%22%2C%22autoWrap%22%3Afalse%2C%22lineNumbers%22%3Atrue%2C%22heightLimit%22%3Atrue%2C%22collapsed%22%3Afalse%2C%22hideToolbar%22%3Afalse%2C%22name%22%3A%22%22%2C%22tabSize%22%3Anull%2C%22indentWithTab%22%3Afalse%2C%22lightLines%22%3A%5B%5D%2C%22foldLines%22%3A%5B%5D%2C%22theme%22%3A%22Github%20Light%22%2C%22__spacing%22%3A%22both%22%7D%2C%22cardType%22%3A%22block%22%7D%2C%22cardType%22%3A%22block%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u3d9a343a%22%2C%22name%22%3A%22p%22%2C%22attrs%22%3A%7B%22alignment%22%3A%22right%22%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u4a23a8a6%22%2C%22name%22%3A%22hole%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22card%22%2C%22id%22%3A%22PnlGg%22%2C%22name%22%3A%22hr%22%2C%22attrs%22%3A%7B%22value%22%3A%7B%7D%2C%22cardType%22%3A%22block%22%7D%2C%22cardType%22%3A%22block%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22382e5014%22%2C%22name%22%3A%22h3%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22uee8c0a1f%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E6%89%A9%E5%B1%95%E5%BA%94%E7%94%A8%E7%A4%BA%E4%BE%8B%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%224153e13c%22%2C%22name%22%3A%22h4%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u12516459%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%221.%20%E7%AE%80%E5%8D%95%E8%AE%A1%E6%95%B0%E5%99%A8%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22uec1d3ee8%22%2C%22name%22%3A%22hole%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22card%22%2C%22id%22%3A%22iVUxd%22%2C%22name%22%3A%22codeblock%22%2C%22attrs%22%3A%7B%22value%22%3A%7B%22mode%22%3A%22javascript%22%2C%22code%22%3A%22let%20counter%20%3D%200%3B%5Cnconst%20intervalId%20%3D%20setInterval(()%20%3D%3E%20%7B%5Cn%20%20%20%20console.log(%5C%22%E8%AE%A1%E6%95%B0%EF%BC%9A%5C%22%20%2B%20counter)%3B%5Cn%20%20%20%20counter%2B%2B%3B%5Cn%20%20%20%20if%20(counter%20%3E%2010)%20%7B%5Cn%20%20%20%20%20%20%20%20clearInterval(intervalId)%3B%5Cn%20%20%20%20%20%20%20%20console.log(%5C%22%E8%AE%A1%E6%95%B0%E5%81%9C%E6%AD%A2%5C%22)%3B%5Cn%20%20%20%20%7D%5Cn%7D%2C%201000)%3B%22%2C%22autoWrap%22%3Afalse%2C%22lineNumbers%22%3Atrue%2C%22heightLimit%22%3Atrue%2C%22collapsed%22%3Afalse%2C%22hideToolbar%22%3Afalse%2C%22name%22%3A%22%22%2C%22tabSize%22%3Anull%2C%22indentWithTab%22%3Afalse%2C%22lightLines%22%3A%5B%5D%2C%22foldLines%22%3A%5B%5D%2C%22theme%22%3A%22Github%20Light%22%2C%22__spacing%22%3A%22both%22%7D%2C%22cardType%22%3A%22block%22%7D%2C%22cardType%22%3A%22block%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u6a13294d%22%2C%22name%22%3A%22p%22%2C%22attrs%22%3A%7B%22alignment%22%3A%22right%22%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22PrYPu%22%2C%22name%22%3A%22h4%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u1fb17971%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%222.%20%E9%9A%8F%E6%9C%BA%E6%95%B0%E7%94%9F%E6%88%90%E5%99%A8%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u5ad533d4%22%2C%22name%22%3A%22hole%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22card%22%2C%22id%22%3A%22FsSBm%22%2C%22name%22%3A%22codeblock%22%2C%22attrs%22%3A%7B%22value%22%3A%7B%22mode%22%3A%22javascript%22%2C%22code%22%3A%22const%20intervalId%20%3D%20setInterval(()%20%3D%3E%20%7B%5Cn%20%20%20%20const%20num%20%3D%20Math.floor(Math.random()%20*%20100)%3B%5Cn%20%20%20%20console.log(%5C%22%E9%9A%8F%E6%9C%BA%E6%95%B0%EF%BC%9A%5C%22%20%2B%20num)%3B%5Cn%20%20%20%20if%20(num%20%3E%2090)%20%7B%5Cn%20%20%20%20%20%20%20%20clearInterval(intervalId)%3B%5Cn%20%20%20%20%20%20%20%20console.log(%5C%22%E8%A7%A6%E5%8F%91%E5%81%9C%E6%AD%A2%E6%9D%A1%E4%BB%B6%5C%22)%3B%5Cn%20%20%20%20%7D%5Cn%7D%2C%201000)%3B%22%2C%22autoWrap%22%3Afalse%2C%22lineNumbers%22%3Atrue%2C%22heightLimit%22%3Atrue%2C%22collapsed%22%3Afalse%2C%22hideToolbar%22%3Afalse%2C%22name%22%3A%22%22%2C%22tabSize%22%3Anull%2C%22indentWithTab%22%3Afalse%2C%22lightLines%22%3A%5B%5D%2C%22foldLines%22%3A%5B%5D%2C%22theme%22%3A%22Github%20Light%22%2C%22__spacing%22%3A%22both%22%7D%2C%22cardType%22%3A%22block%22%7D%2C%22cardType%22%3A%22block%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u8a8c2e97%22%2C%22name%22%3A%22p%22%2C%22attrs%22%3A%7B%22alignment%22%3A%22right%22%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22f1cae75b%22%2C%22name%22%3A%22h4%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22ue6fa9947%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%223.%20%E8%BF%9B%E5%BA%A6%E6%9D%A1%E6%A8%A1%E6%8B%9F%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u13a053c9%22%2C%22name%22%3A%22hole%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22card%22%2C%22id%22%3A%22l4HmA%22%2C%22name%22%3A%22codeblock%22%2C%22attrs%22%3A%7B%22value%22%3A%7B%22mode%22%3A%22javascript%22%2C%22code%22%3A%22let%20progress%20%3D%200%3B%5Cnconst%20intervalId%20%3D%20setInterval(()%20%3D%3E%20%7B%5Cn%20%20%20%20console.log(%5C%22%E8%BF%9B%E5%BA%A6%EF%BC%9A%5C%22%20%2B%20progress%20%2B%20%5C%22%25%5C%22)%3B%5Cn%20%20%20%20progress%20%2B%3D%2010%3B%5Cn%20%20%20%20if%20(progress%20%3E%3D%20100)%20%7B%5Cn%20%20%20%20%20%20%20%20clearInterval(intervalId)%3B%5Cn%20%20%20%20%20%20%20%20console.log(%5C%22%E8%BF%9B%E5%BA%A6%E5%AE%8C%E6%88%90%EF%BC%81%5C%22)%3B%5Cn%20%20%20%20%7D%5Cn%7D%2C%201000)%3B%22%2C%22autoWrap%22%3Afalse%2C%22lineNumbers%22%3Atrue%2C%22heightLimit%22%3Atrue%2C%22collapsed%22%3Afalse%2C%22hideToolbar%22%3Afalse%2C%22name%22%3A%22%22%2C%22tabSize%22%3Anull%2C%22indentWithTab%22%3Afalse%2C%22lightLines%22%3A%5B%5D%2C%22foldLines%22%3A%5B%5D%2C%22theme%22%3A%22Github%20Light%22%2C%22__spacing%22%3A%22both%22%7D%2C%22cardType%22%3A%22block%22%7D%2C%22cardType%22%3A%22block%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u4eae34e8%22%2C%22name%22%3A%22p%22%2C%22attrs%22%3A%7B%22alignment%22%3A%22right%22%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22be06b556%22%2C%22name%22%3A%22h4%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u39de1f39%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%224.%20%E5%80%92%E8%AE%A1%E6%97%B6%E7%AE%80%E5%8C%96%E7%89%88%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22ub043f601%22%2C%22name%22%3A%22hole%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22card%22%2C%22id%22%3A%22AlYBI%22%2C%22name%22%3A%22codeblock%22%2C%22attrs%22%3A%7B%22value%22%3A%7B%22mode%22%3A%22javascript%22%2C%22code%22%3A%22let%20countdown%20%3D%2010%3B%5Cnconst%20intervalId%20%3D%20setInterval(()%20%3D%3E%20%7B%5Cn%20%20%20%20console.log(%5C%22%E5%80%92%E8%AE%A1%E6%97%B6%EF%BC%9A%5C%22%20%2B%20countdown%20%2B%20%5C%22%E7%A7%92%5C%22)%3B%5Cn%20%20%20%20countdown--%3B%5Cn%20%20%20%20if%20(countdown%20%3C%200)%20%7B%5Cn%20%20%20%20%20%20%20%20clearInterval(intervalId)%3B%5Cn%20%20%20%20%20%20%20%20console.log(%5C%22%E5%80%92%E8%AE%A1%E6%97%B6%E7%BB%93%E6%9D%9F%EF%BC%81%5C%22)%3B%5Cn%20%20%20%20%7D%5Cn%7D%2C%201000)%3B%22%2C%22autoWrap%22%3Afalse%2C%22lineNumbers%22%3Atrue%2C%22heightLimit%22%3Atrue%2C%22collapsed%22%3Afalse%2C%22hideToolbar%22%3Afalse%2C%22name%22%3A%22%22%2C%22tabSize%22%3Anull%2C%22indentWithTab%22%3Afalse%2C%22lightLines%22%3A%5B%5D%2C%22foldLines%22%3A%5B%5D%2C%22theme%22%3A%22Github%20Light%22%2C%22__spacing%22%3A%22both%22%7D%2C%22cardType%22%3A%22block%22%7D%2C%22cardType%22%3A%22block%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22ucb1a2a9e%22%2C%22name%22%3A%22p%22%2C%22attrs%22%3A%7B%22alignment%22%3A%22right%22%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%228102842c%22%2C%22name%22%3A%22h4%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u9ce95042%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%225.%20%E5%BE%AA%E7%8E%AF%E8%BE%93%E5%87%BA%E6%95%B0%E7%BB%84%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u2205885b%22%2C%22name%22%3A%22hole%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22card%22%2C%22id%22%3A%22HJ0qh%22%2C%22name%22%3A%22codeblock%22%2C%22attrs%22%3A%7B%22value%22%3A%7B%22mode%22%3A%22javascript%22%2C%22code%22%3A%22const%20arr%20%3D%20%5B%5C%22%E8%8B%B9%E6%9E%9C%5C%22%2C%20%5C%22%E9%A6%99%E8%95%89%5C%22%2C%20%5C%22%E6%A9%99%E5%AD%90%5C%22%2C%20%5C%22%E8%91%A1%E8%90%84%5C%22%5D%3B%5Cnlet%20index%20%3D%200%3B%5Cnconst%20intervalId%20%3D%20setInterval(()%20%3D%3E%20%7B%5Cn%20%20%20%20console.log(%5C%22%E5%BD%93%E5%89%8D%E6%B0%B4%E6%9E%9C%EF%BC%9A%5C%22%20%2B%20arr%5Bindex%5D)%3B%5Cn%20%20%20%20index%2B%2B%3B%5Cn%20%20%20%20if%20(index%20%3E%3D%20arr.length)%20%7B%5Cn%20%20%20%20%20%20%20%20clearInterval(intervalId)%3B%5Cn%20%20%20%20%20%20%20%20console.log(%5C%22%E6%89%80%E6%9C%89%E6%B0%B4%E6%9E%9C%E5%B7%B2%E8%BE%93%E5%87%BA%5C%22)%3B%5Cn%20%20%20%20%7D%5Cn%7D%2C%201000)%3B%22%2C%22autoWrap%22%3Afalse%2C%22lineNumbers%22%3Atrue%2C%22heightLimit%22%3Atrue%2C%22collapsed%22%3Afalse%2C%22hideToolbar%22%3Afalse%2C%22name%22%3A%22%22%2C%22tabSize%22%3Anull%2C%22indentWithTab%22%3Afalse%2C%22lightLines%22%3A%5B%5D%2C%22foldLines%22%3A%5B%5D%2C%22theme%22%3A%22Github%20Light%22%2C%22__spacing%22%3A%22both%22%7D%2C%22cardType%22%3A%22block%22%7D%2C%22cardType%22%3A%22block%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u47d4dec7%22%2C%22name%22%3A%22p%22%2C%22attrs%22%3A%7B%22alignment%22%3A%22right%22%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22ue5fbd4b6%22%2C%22name%22%3A%22hole%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22card%22%2C%22id%22%3A%22LuzyE%22%2C%22name%22%3A%22hr%22%2C%22attrs%22%3A%7B%22value%22%3A%7B%7D%2C%22cardType%22%3A%22block%22%7D%2C%22cardType%22%3A%22block%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22baa86299%22%2C%22name%22%3A%22h3%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u4bcc683e%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E7%BB%93%E6%9E%84%E8%AF%B4%E6%98%8E%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u6e4fca44%22%2C%22name%22%3A%22oli%22%2C%22attrs%22%3A%7B%22list%22%3A%22u945a52a9%22%2C%22fid%22%3A%22uf8e24528%22%2C%22indexStyle%22%3A%7B%7D%2C%22indexType%22%3A0%2C%22parentIndex%22%3A%5B%5D%2C%22index%22%3A0%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u8f2ed523%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E5%88%86%E7%BA%A7%E6%A0%87%E9%A2%98%22%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22ue3d75e95%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%EF%BC%9A%E4%BD%BF%E7%94%A8%22%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u40896a69%22%2C%22name%22%3A%22code%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u16d44e17%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E5%9F%BA%E7%A1%80%E5%8A%9F%E8%83%BD%E7%A4%BA%E4%BE%8B%22%7D%5D%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u6c908927%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E5%92%8C%22%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u0cb7cb4e%22%2C%22name%22%3A%22code%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u060e56ef%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E6%89%A9%E5%B1%95%E5%BA%94%E7%94%A8%E7%A4%BA%E4%BE%8B%22%7D%5D%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u034f5876%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E5%88%86%E7%B1%BB%EF%BC%8C%E4%BE%BF%E4%BA%8E%E5%BF%AB%E9%80%9F%E5%AE%9A%E4%BD%8D%E5%9C%BA%E6%99%AF%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u20154098%22%2C%22name%22%3A%22oli%22%2C%22attrs%22%3A%7B%22list%22%3A%22u945a52a9%22%2C%22fid%22%3A%22uf8e24528%22%2C%22indexStyle%22%3A%7B%7D%2C%22indexType%22%3A0%2C%22parentIndex%22%3A%5B%5D%2C%22index%22%3A1%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u558ec7d5%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E4%BB%A3%E7%A0%81%E5%9D%97%E7%BB%9F%E4%B8%80%22%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22ube6eff72%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%EF%BC%9A%E6%89%80%E6%9C%89%E7%A4%BA%E4%BE%8B%E9%87%87%E7%94%A8%E6%A0%87%E5%87%86JavaScript%E8%AF%AD%E6%B3%95%EF%BC%8C%E4%BF%9D%E7%95%99%E6%A0%B8%E5%BF%83%E9%80%BB%E8%BE%91%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u06f18ce2%22%2C%22name%22%3A%22oli%22%2C%22attrs%22%3A%7B%22list%22%3A%22u945a52a9%22%2C%22fid%22%3A%22uf8e24528%22%2C%22indexStyle%22%3A%7B%7D%2C%22indexType%22%3A0%2C%22parentIndex%22%3A%5B%5D%2C%22index%22%3A2%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u32facfe3%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E5%85%B3%E9%94%AE%E6%B3%A8%E9%87%8A%22%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22uad507696%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%EF%BC%9A%E5%9C%A8%E5%80%92%E8%AE%A1%E6%97%B6%E7%A4%BA%E4%BE%8B%E4%B8%AD%E4%BF%9D%E7%95%99%E5%8F%98%E9%87%8F%E5%8D%95%E4%BD%8D%E8%AF%B4%E6%98%8E%EF%BC%88%22%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u190dd074%22%2C%22name%22%3A%22code%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22ud67cb780%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%2F%2F%20%E5%8D%95%E4%BD%8D%EF%BC%9A%E7%A7%92%22%7D%5D%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u4e7a8653%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%EF%BC%89%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22uc10c4d70%22%2C%22name%22%3A%22oli%22%2C%22attrs%22%3A%7B%22list%22%3A%22u945a52a9%22%2C%22fid%22%3A%22uf8e24528%22%2C%22indexStyle%22%3A%7B%7D%2C%22indexType%22%3A0%2C%22parentIndex%22%3A%5B%5D%2C%22index%22%3A3%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u7333feb6%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E5%9C%BA%E6%99%AF%E6%8F%90%E7%A4%BA%22%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u8f42bac3%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%EF%BC%9A%E5%9C%A8%E5%9F%BA%E7%A1%80%E5%8A%9F%E8%83%BD%E4%B8%AD%E6%98%8E%E7%A1%AE%E5%88%97%E5%87%BA%E5%BA%94%E7%94%A8%E5%9C%BA%E6%99%AF%EF%BC%8C%E5%A2%9E%E5%BC%BA%E5%AE%9E%E7%94%A8%E6%80%A7%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u8af6a45c%22%2C%22name%22%3A%22p%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22uc295a13f%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E5%8F%AF%E6%A0%B9%E6%8D%AE%E5%AE%9E%E9%99%85%E9%9C%80%E6%B1%82%E8%B0%83%E6%95%B4%E6%97%B6%E9%97%B4%E9%97%B4%E9%9A%94%E3%80%81%E5%88%A4%E6%96%AD%E6%9D%A1%E4%BB%B6%E6%88%96%E8%BE%93%E5%87%BA%E5%86%85%E5%AE%B9%E3%80%82%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22uec722c2a%22%2C%22name%22%3A%22hole%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22card%22%2C%22id%22%3A%22WAU4q%22%2C%22name%22%3A%22codeblock%22%2C%22attrs%22%3A%7B%22value%22%3A%7B%22mode%22%3A%22javascript%22%2C%22code%22%3A%22%2F*%20%E5%9F%BA%E7%A1%80%E5%8A%9F%E8%83%BD%E6%A8%A1%E5%9D%97%EF%BC%8C%E5%AE%98%E6%96%B9%E4%BA%A4%E6%B5%81711841924%20*%2F%5Cn%2F%2F%20A.%20%E5%80%92%E8%AE%A1%E6%97%B6%E6%A8%A1%E5%9D%97%5Cnvar%20countdownTime%20%3D%2010%3B%5Cnvar%20countdownInterval%3B%5Cn%5Cnfunction%20updateCountdown()%20%7B%5Cn%20%20if%20(countdownTime%20%3E%200)%20%7B%5Cn%20%20%20%20printl(%5C%22%E5%89%A9%E4%BD%99%E6%97%B6%E9%97%B4%3A%20%5C%22%20%2B%20countdownTime%20%2B%20%5C%22%E7%A7%92%5C%22)%3B%5Cn%20%20%20%20countdownTime--%3B%5Cn%20%20%7D%20else%20%7B%5Cn%20%20%20%20clearInterval(countdownInterval)%3B%5Cn%20%20%20%20printl(%5C%22%E5%80%92%E8%AE%A1%E6%97%B6%E7%BB%93%E6%9D%9F%EF%BC%81%5C%22)%3B%5Cn%20%20%7D%5Cn%7D%5Cn%5Cnfunction%20startCountdown()%20%7B%5Cn%20%20countdownInterval%20%3D%20setInterval(updateCountdown%2C%201000)%3B%5Cn%7D%5Cn%5Cnfunction%20stopCountdown()%20%7B%5Cn%20%20clearInterval(countdownInterval)%3B%5Cn%20%20printl(%5C%22%E5%80%92%E8%AE%A1%E6%97%B6%E5%B7%B2%E5%81%9C%E6%AD%A2%5C%22)%3B%5Cn%7D%5Cn%5Cn%2F%2F%20B.%20%E6%97%B6%E9%92%9F%E6%A8%A1%E5%9D%97%5Cnvar%20timerId%3B%5Cn%5Cnfunction%20myTimer()%20%7B%5Cn%20%20var%20time%20%3D%20new%20Date()%3B%5Cn%20%20printl(%5C%22%E5%BD%93%E5%89%8D%E6%97%B6%E9%97%B4%3A%20%5C%22%20%2B%20time.toLocaleTimeString())%3B%5Cn%7D%5Cn%5Cnfunction%20startClock()%20%7B%5Cn%20%20timerId%20%3D%20setInterval(myTimer%2C%201000)%3B%5Cn%7D%5Cn%5Cnfunction%20stopClock()%20%7B%5Cn%20%20clearInterval(timerId)%3B%5Cn%7D%5Cn%5Cn%2F*%20%E5%AE%9E%E7%94%A8%E6%A1%88%E4%BE%8B%20*%2F%5Cn%2F%2F%201.%20%E7%AE%80%E5%8D%95%E8%AE%A1%E6%95%B0%E5%99%A8%EF%BC%881-10%EF%BC%89%5Cnvar%20counter%20%3D%201%3B%5Cnvar%20counterInterval%20%3D%20setInterval(function()%20%7B%5Cn%20%20printl(%5C%22%E8%AE%A1%E6%95%B0%3A%20%5C%22%20%2B%20counter)%3B%5Cn%20%20if%20(counter%2B%2B%20%3E%3D%2010)%20clearInterval(counterInterval)%3B%5Cn%7D%2C%201000)%3B%5Cn%5Cn%2F%2F%202.%20%E9%9A%8F%E6%9C%BA%E6%95%B0%E7%94%9F%E6%88%90%E5%99%A8%5Cnvar%20randomInterval%20%3D%20setInterval(function()%20%7B%5Cn%20%20var%20num%20%3D%20Math.floor(Math.random()%20*%20100)%3B%5Cn%20%20printl(%5C%22%E9%9A%8F%E6%9C%BA%E6%95%B0%3A%20%5C%22%20%2B%20num)%3B%5Cn%20%20if%20(num%20%3E%2090)%20clearInterval(randomInterval)%3B%5Cn%7D%2C%201000)%3B%5Cn%5Cn%2F%2F%203.%20%E8%BF%9B%E5%BA%A6%E6%9D%A1%E6%A8%A1%E6%8B%9F%5Cnvar%20progress%20%3D%200%3B%5Cnvar%20progressInterval%20%3D%20setInterval(function()%20%7B%5Cn%20%20printl(%5C%22%E8%BF%9B%E5%BA%A6%3A%20%5C%22%20%2B%20progress%20%2B%20%5C%22%25%5C%22)%3B%5Cn%20%20if%20((progress%20%2B%3D%2010)%20%3E%3D%20100)%20%7B%5Cn%20%20%20%20clearInterval(progressInterval)%3B%5Cn%20%20%20%20printl(%5C%22%E8%BF%9B%E5%BA%A6%E5%AE%8C%E6%88%90%EF%BC%81%5C%22)%3B%5Cn%20%20%7D%5Cn%7D%2C%201000)%3B%5Cn%5Cn%2F%2F%204.%20%E5%A2%9E%E5%BC%BA%E7%89%88%E5%80%92%E8%AE%A1%E6%97%B6%EF%BC%88%E5%B8%A6%E6%9A%82%E5%81%9C%E6%81%A2%E5%A4%8D%EF%BC%89%5Cnvar%20timer%20%3D%2010%3B%5Cnvar%20timerInterval%3B%5Cn%5Cnfunction%20startTimer()%20%7B%5Cn%20%20if%20(!timerInterval)%20%7B%5Cn%20%20%20%20timerInterval%20%3D%20setInterval(function()%20%7B%5Cn%20%20%20%20%20%20printl(%5C%22%E5%89%A9%E4%BD%99%3A%20%5C%22%20%2B%20timer%20%2B%20%5C%22%E7%A7%92%5C%22)%3B%5Cn%20%20%20%20%20%20if%20(timer--%20%3C%3D%200)%20%7B%5Cn%20%20%20%20%20%20%20%20clearInterval(timerInterval)%3B%5Cn%20%20%20%20%20%20%20%20printl(%5C%22%E6%97%B6%E9%97%B4%E5%88%B0%EF%BC%81%5C%22)%3B%5Cn%20%20%20%20%20%20%7D%5Cn%20%20%20%20%7D%2C%201000)%3B%5Cn%20%20%7D%5Cn%7D%5Cn%5Cnfunction%20pauseTimer()%20%7B%5Cn%20%20clearInterval(timerInterval)%3B%5Cn%20%20timerInterval%20%3D%20null%3B%5Cn%7D%5Cn%5Cn%2F%2F%205.%20%E6%95%B0%E7%BB%84%E9%81%8D%E5%8E%86%E8%BE%93%E5%87%BA%5Cnvar%20fruits%20%3D%20%5B%5C%22%E8%8B%B9%E6%9E%9C%5C%22%2C%20%5C%22%E9%A6%99%E8%95%89%5C%22%2C%20%5C%22%E6%A9%99%E5%AD%90%5C%22%5D%3B%5Cnvar%20idx%20%3D%200%3B%5Cnvar%20fruitInterval%20%3D%20setInterval(function()%20%7B%5Cn%20%20printl(fruits%5Bidx%2B%2B%5D)%3B%5Cn%20%20if%20(idx%20%3E%3D%20fruits.length)%20%7B%5Cn%20%20%20%20clearInterval(fruitInterval)%3B%5Cn%20%20%20%20printl(%5C%22%E8%BE%93%E5%87%BA%E5%AE%8C%E6%88%90%5C%22)%3B%5Cn%20%20%7D%5Cn%7D%2C%201000)%3B%5Cn%5Cn%2F*%20%E6%96%B0%E5%A2%9EES5%E6%A1%88%E4%BE%8B%20*%2F%5Cn%2F%2F%206.%20%E7%BD%91%E7%BB%9C%E7%8A%B6%E6%80%81%E6%A3%80%E6%B5%8B%5Cnvar%20checkCount%20%3D%200%3B%5Cnvar%20networkCheck%20%3D%20setInterval(function()%20%7B%5Cn%20%20printl(%5C%22%E6%A3%80%E6%B5%8B%E7%BD%91%E7%BB%9C%E7%8A%B6%E6%80%81...(%5C%22%20%2B%20(%2B%2BcheckCount)%20%2B%20%5C%22)%5C%22)%3B%5Cn%20%20%2F%2F%20%E6%A8%A1%E6%8B%9F%E7%BD%91%E7%BB%9C%E6%81%A2%E5%A4%8D%5Cn%20%20if%20(checkCount%20%3E%203)%20%7B%5Cn%20%20%20%20clearInterval(networkCheck)%3B%5Cn%20%20%20%20printl(%5C%22%E7%BD%91%E7%BB%9C%E5%B7%B2%E8%BF%9E%E6%8E%A5%EF%BC%81%5C%22)%3B%5Cn%20%20%7D%5Cn%7D%2C%202000)%3B%5Cn%5Cn%2F%2F%207.%20%E8%87%AA%E5%8A%A8%E4%BF%9D%E5%AD%98%E5%8A%9F%E8%83%BD%5Cnvar%20saveInterval%20%3D%20setInterval(function()%20%7B%5Cn%20%20printl(%5C%22%E8%87%AA%E5%8A%A8%E4%BF%9D%E5%AD%98%E6%95%B0%E6%8D%AE...%5C%22%20%2B%20new%20Date().toLocaleTimeString())%3B%5Cn%7D%2C%205000)%3B%5Cn%5Cn%2F%2F%208.%20%E8%BD%AE%E6%92%AD%E5%9B%BE%E6%8E%A7%E5%88%B6%5Cnvar%20slides%20%3D%20%5B%5C%22%E5%9B%BE%E7%89%871%5C%22%2C%20%5C%22%E5%9B%BE%E7%89%872%5C%22%2C%20%5C%22%E5%9B%BE%E7%89%873%5C%22%5D%3B%5Cnvar%20currentSlide%20%3D%200%3B%5Cnvar%20slideShow%20%3D%20setInterval(function()%20%7B%5Cn%20%20printl(%5C%22%E6%98%BE%E7%A4%BA%3A%20%5C%22%20%2B%20slides%5BcurrentSlide%5D)%3B%5Cn%20%20currentSlide%20%3D%20(currentSlide%20%2B%201)%20%25%20slides.length%3B%5Cn%7D%2C%203000)%3B%5Cn%5Cn%2F%2F%209.%20%E5%AE%9A%E6%97%B6%E6%8F%90%E9%86%92%E5%99%A8%5Cnvar%20reminders%20%3D%20%5B%5C%22%E5%96%9D%E6%B0%B4%5C%22%2C%20%5C%22%E4%BC%91%E6%81%AF%E7%9C%BC%E7%9D%9B%5C%22%2C%20%5C%22%E6%B4%BB%E5%8A%A8%E8%82%A9%E8%86%80%5C%22%5D%3B%5Cnvar%20reminderIndex%20%3D%200%3B%5Cnvar%20reminderInterval%20%3D%20setInterval(function()%20%7B%5Cn%20%20printl(%5C%22%E6%B8%A9%E9%A6%A8%E6%8F%90%E7%A4%BA%3A%20%5C%22%20%2B%20reminders%5BreminderIndex%2B%2B%5D)%3B%5Cn%20%20if%20(reminderIndex%20%3E%3D%20reminders.length)%20reminderIndex%20%3D%200%3B%5Cn%7D%2C%2060000)%3B%5Cn%5Cn%2F%2F%2010.%20%E4%BB%BB%E5%8A%A1%E8%B6%85%E6%97%B6%E7%9B%91%E6%8E%A7%5Cnvar%20timeout%20%3D%205%3B%5Cnvar%20timeoutCheck%20%3D%20setInterval(function()%20%7B%5Cn%20%20if%20(timeout--%20%3C%3D%200)%20%7B%5Cn%20%20%20%20clearInterval(timeoutCheck)%3B%5Cn%20%20%20%20printl(%5C%22%E4%BB%BB%E5%8A%A1%E6%89%A7%E8%A1%8C%E8%B6%85%E6%97%B6%EF%BC%81%5C%22)%3B%5Cn%20%20%7D%5Cn%7D%2C%201000)%3B%5Cn%5Cn%22%2C%22autoWrap%22%3Afalse%2C%22lineNumbers%22%3Atrue%2C%22heightLimit%22%3Atrue%2C%22collapsed%22%3Afalse%2C%22hideToolbar%22%3Afalse%2C%22name%22%3A%22%22%2C%22tabSize%22%3Anull%2C%22indentWithTab%22%3Afalse%2C%22lightLines%22%3A%5B%5D%2C%22foldLines%22%3A%5B%5D%2C%22theme%22%3A%22Github%20Light%22%2C%22fontSize%22%3A14%2C%22customStyle%22%3A%5B%5D%2C%22__spacing%22%3A%22both%22%7D%2C%22cardType%22%3A%22block%22%7D%2C%22cardType%22%3A%22block%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u32c85725%22%2C%22name%22%3A%22p%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u2efc67dc%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E5%BA%94%E7%94%A8%E5%9C%BA%E6%99%AF%E6%89%A9%E5%B1%95%EF%BC%9A%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u652962c8%22%2C%22name%22%3A%22oli%22%2C%22attrs%22%3A%7B%22list%22%3A%22u68f8dec0%22%2C%22fid%22%3A%22ubad494bf%22%2C%22indexStyle%22%3A%7B%7D%2C%22indexType%22%3A0%2C%22parentIndex%22%3A%5B%5D%2C%22index%22%3A0%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22ufc4ff5e2%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E8%A1%A8%E5%8D%95%E8%87%AA%E5%8A%A8%E4%BF%9D%E5%AD%98%EF%BC%88%E6%A1%88%E4%BE%8B7%EF%BC%89%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u2a817ecf%22%2C%22name%22%3A%22oli%22%2C%22attrs%22%3A%7B%22list%22%3A%22u68f8dec0%22%2C%22fid%22%3A%22ubad494bf%22%2C%22indexStyle%22%3A%7B%7D%2C%22indexType%22%3A0%2C%22parentIndex%22%3A%5B%5D%2C%22index%22%3A1%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22ua9d14b46%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E8%BD%AE%E6%92%AD%E5%9B%BE%E8%87%AA%E5%8A%A8%E5%88%87%E6%8D%A2%EF%BC%88%E6%A1%88%E4%BE%8B8%EF%BC%89%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u87de1476%22%2C%22name%22%3A%22oli%22%2C%22attrs%22%3A%7B%22list%22%3A%22u68f8dec0%22%2C%22fid%22%3A%22ubad494bf%22%2C%22indexStyle%22%3A%7B%7D%2C%22indexType%22%3A0%2C%22parentIndex%22%3A%5B%5D%2C%22index%22%3A2%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22uf81f231f%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E5%81%A5%E5%BA%B7%E6%8F%90%E9%86%92%E7%B3%BB%E7%BB%9F%EF%BC%88%E6%A1%88%E4%BE%8B9%EF%BC%89%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22uc1b852b6%22%2C%22name%22%3A%22oli%22%2C%22attrs%22%3A%7B%22list%22%3A%22u68f8dec0%22%2C%22fid%22%3A%22ubad494bf%22%2C%22indexStyle%22%3A%7B%7D%2C%22indexType%22%3A0%2C%22parentIndex%22%3A%5B%5D%2C%22index%22%3A3%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u62fed69c%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E6%8E%A5%E5%8F%A3%E8%B6%85%E6%97%B6%E7%9B%91%E6%8E%A7%EF%BC%88%E6%A1%88%E4%BE%8B10%EF%BC%89%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22uec1c004a%22%2C%22name%22%3A%22oli%22%2C%22attrs%22%3A%7B%22list%22%3A%22u68f8dec0%22%2C%22fid%22%3A%22ubad494bf%22%2C%22indexStyle%22%3A%7B%7D%2C%22indexType%22%3A0%2C%22parentIndex%22%3A%5B%5D%2C%22index%22%3A4%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u52276e22%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E7%BD%91%E7%BB%9C%E9%87%8D%E8%BF%9E%E6%9C%BA%E5%88%B6%EF%BC%88%E6%A1%88%E4%BE%8B6%EF%BC%89%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u917ee97b%22%2C%22name%22%3A%22oli%22%2C%22attrs%22%3A%7B%22list%22%3A%22u68f8dec0%22%2C%22fid%22%3A%22ubad494bf%22%2C%22indexStyle%22%3A%7B%7D%2C%22indexType%22%3A0%2C%22parentIndex%22%3A%5B%5D%2C%22index%22%3A5%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22udb925514%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E6%BC%94%E7%A4%BA%E6%96%87%E7%A8%BF%E8%87%AA%E5%8A%A8%E6%92%AD%E6%94%BE%EF%BC%88%E6%A1%88%E4%BE%8B8%E4%BF%AE%E6%94%B9%EF%BC%89%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u6f02e561%22%2C%22name%22%3A%22oli%22%2C%22attrs%22%3A%7B%22list%22%3A%22u68f8dec0%22%2C%22fid%22%3A%22ubad494bf%22%2C%22indexStyle%22%3A%7B%7D%2C%22indexType%22%3A0%2C%22parentIndex%22%3A%5B%5D%2C%22index%22%3A6%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22ubc0eb5c2%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E6%93%8D%E4%BD%9C%E6%AD%A5%E9%AA%A4%E5%BC%95%E5%AF%BC%EF%BC%88%E6%A1%88%E4%BE%8B5%E6%89%A9%E5%B1%95%EF%BC%89%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u27bed5cb%22%2C%22name%22%3A%22oli%22%2C%22attrs%22%3A%7B%22list%22%3A%22u68f8dec0%22%2C%22fid%22%3A%22ubad494bf%22%2C%22indexStyle%22%3A%7B%7D%2C%22indexType%22%3A0%2C%22parentIndex%22%3A%5B%5D%2C%22index%22%3A7%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22ue830799c%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E6%B8%B8%E6%88%8F%E6%8A%80%E8%83%BD%E5%86%B7%E5%8D%B4%E6%97%B6%E9%97%B4%EF%BC%88%E6%A1%88%E4%BE%8B4%E4%BF%AE%E6%94%B9%EF%BC%89%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u6f908b46%22%2C%22name%22%3A%22oli%22%2C%22attrs%22%3A%7B%22list%22%3A%22u68f8dec0%22%2C%22fid%22%3A%22ubad494bf%22%2C%22indexStyle%22%3A%7B%7D%2C%22indexType%22%3A0%2C%22parentIndex%22%3A%5B%5D%2C%22index%22%3A8%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u4bf4f76e%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E8%80%83%E8%AF%95%E6%97%B6%E9%97%B4%E6%8F%90%E9%86%92%EF%BC%88%E6%A1%88%E4%BE%8B4%2B9%E7%BB%93%E5%90%88%EF%BC%89%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u30087be6%22%2C%22name%22%3A%22oli%22%2C%22attrs%22%3A%7B%22list%22%3A%22u68f8dec0%22%2C%22fid%22%3A%22ubad494bf%22%2C%22indexStyle%22%3A%7B%7D%2C%22indexType%22%3A0%2C%22parentIndex%22%3A%5B%5D%2C%22index%22%3A9%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u3d0e7e03%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E6%95%B0%E6%8D%AE%E5%90%8C%E6%AD%A5%E7%9B%91%E6%8E%A7%EF%BC%88%E6%A1%88%E4%BE%8B10%E6%89%A9%E5%B1%95%EF%BC%89%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u51491c5a%22%2C%22name%22%3A%22p%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22ud75940fd%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E6%AF%8F%E4%B8%AA%E7%A4%BA%E4%BE%8B%E9%83%BD%E9%81%B5%E5%BE%AA%E4%BB%A5%E4%B8%8BES5%E7%89%B9%E6%80%A7%EF%BC%9A%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22ubc78840e%22%2C%22name%22%3A%22oli%22%2C%22attrs%22%3A%7B%22list%22%3A%22ub5fb6ed3%22%2C%22fid%22%3A%22ubca11533%22%2C%22indexStyle%22%3A%7B%7D%2C%22indexType%22%3A0%2C%22parentIndex%22%3A%5B%5D%2C%22index%22%3A0%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u48e2f32a%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E4%BD%BF%E7%94%A8%22%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u36703de0%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%20%22%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22udc195242%22%2C%22name%22%3A%22code%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u107d513e%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22var%22%7D%5D%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22ud16dcc9f%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%20%22%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u50c7978f%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E5%A3%B0%E6%98%8E%E5%8F%98%E9%87%8F%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u63c102de%22%2C%22name%22%3A%22oli%22%2C%22attrs%22%3A%7B%22list%22%3A%22ub5fb6ed3%22%2C%22fid%22%3A%22ubca11533%22%2C%22indexStyle%22%3A%7B%7D%2C%22indexType%22%3A0%2C%22parentIndex%22%3A%5B%5D%2C%22index%22%3A1%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u3f27211f%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E4%BD%BF%E7%94%A8%22%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22ud17745e4%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%20%22%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22uea97724e%22%2C%22name%22%3A%22code%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u4d32538b%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22function%22%7D%5D%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22uefd74b0d%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%20%22%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u5a3b7cf1%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E5%85%B3%E9%94%AE%E5%AD%97%E5%AE%9A%E4%B9%89%E5%87%BD%E6%95%B0%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22ub7143ecd%22%2C%22name%22%3A%22oli%22%2C%22attrs%22%3A%7B%22list%22%3A%22ub5fb6ed3%22%2C%22fid%22%3A%22ubca11533%22%2C%22indexStyle%22%3A%7B%7D%2C%22indexType%22%3A0%2C%22parentIndex%22%3A%5B%5D%2C%22index%22%3A2%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u728eefb8%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E4%BD%BF%E7%94%A8%E4%BC%A0%E7%BB%9F%E5%87%BD%E6%95%B0%E8%A1%A8%E8%BE%BE%E5%BC%8F%E4%BB%A3%E6%9B%BF%E7%AE%AD%E5%A4%B4%E5%87%BD%E6%95%B0%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u9818db8b%22%2C%22name%22%3A%22oli%22%2C%22attrs%22%3A%7B%22list%22%3A%22ub5fb6ed3%22%2C%22fid%22%3A%22ubca11533%22%2C%22indexStyle%22%3A%7B%7D%2C%22indexType%22%3A0%2C%22parentIndex%22%3A%5B%5D%2C%22index%22%3A3%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u20991c1b%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E5%AD%97%E7%AC%A6%E4%B8%B2%E6%8B%BC%E6%8E%A5%E4%BD%BF%E7%94%A8%22%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22ufe1a4222%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%20%22%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u71d94436%22%2C%22name%22%3A%22code%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22ud4ddf771%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%2B%22%7D%5D%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22uc2b6603d%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%20%22%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u12abd9b1%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E8%BF%90%E7%AE%97%E7%AC%A6%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u8708c583%22%2C%22name%22%3A%22oli%22%2C%22attrs%22%3A%7B%22list%22%3A%22ub5fb6ed3%22%2C%22fid%22%3A%22ubca11533%22%2C%22indexStyle%22%3A%7B%7D%2C%22indexType%22%3A0%2C%22parentIndex%22%3A%5B%5D%2C%22index%22%3A4%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u139b9b66%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E4%BD%BF%E7%94%A8%E4%BC%A0%E7%BB%9F%E6%95%B0%E7%BB%84%E9%81%8D%E5%8E%86%E6%96%B9%E5%BC%8F%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22ua5bad770%22%2C%22name%22%3A%22oli%22%2C%22attrs%22%3A%7B%22list%22%3A%22ub5fb6ed3%22%2C%22fid%22%3A%22ubca11533%22%2C%22indexStyle%22%3A%7B%7D%2C%22indexType%22%3A0%2C%22parentIndex%22%3A%5B%5D%2C%22index%22%3A5%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22ub2811baf%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E5%9F%BA%E4%BA%8E%E5%8E%9F%E5%9E%8B%E7%9A%84%E5%AF%B9%E8%B1%A1%E6%93%8D%E4%BD%9C%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u3a0216be%22%2C%22name%22%3A%22p%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22uc2df4f23%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E5%8F%AF%E4%BB%A5%E9%80%9A%E8%BF%87%E8%B0%83%E7%94%A8%E5%AF%B9%E5%BA%94%E5%87%BD%E6%95%B0%EF%BC%88%E5%A6%82%20startTimer()%2FpauseTimer()%EF%BC%89%E6%88%96%E7%9B%B4%E6%8E%A5%E8%BF%90%E8%A1%8C%E5%AE%9A%E6%97%B6%E5%99%A8%E6%9D%A5%E4%BD%BF%E7%94%A8%E8%BF%99%E4%BA%9B%E5%8A%9F%E8%83%BD%E3%80%82%E6%89%80%E6%9C%89%E5%AE%9A%E6%97%B6%E5%99%A8%E9%83%BD%E6%94%AF%E6%8C%81%E9%80%9A%E8%BF%87%20clearInterval()%20%E6%8F%90%E5%89%8D%E7%BB%88%E6%AD%A2%E3%80%82%22%7D%5D%7D%5D%2C%22attrs%22%3A%7B%7D%7D" source="https%3A%2F%2Fwww.yuque.com%2Faiwork%2Fnba2pr%2Fsxhw0wm6md61hzqv"></ne-clipboard><div class="lake-content" typography="classic"><h4 id="96c34409" style="margin-top: 10px; margin-bottom: 5px; font-size: 16px; line-height: 24px;"><span class="ne-text"><ignore_js_op>http://bbs.aiwork24.com/data/attachment/forum/202503/07/092137gbbfbtrr8grgugt4.png</ignore_js_op><br></span></h4><h4 id="96c34409" style="margin-top: 10px; margin-bottom: 5px; font-size: 16px; line-height: 24px;"><span class="ne-text">1. 倒计时功能</span></h4><pre data-language="javascript" id="KRwgr" class="ne-codeblock language-javascript" style="border: 1px solid rgb(232, 232, 232); border-radius: 2px; background: rgb(249, 249, 249); padding: 16px; font-size: 13px; color: rgb(89, 89, 89);"><code>var countdownTime = 10;var countdownInterval;
function updateCountdown() {
if (countdownTime > 0) {
console.log("剩余时间: " + countdownTime + "秒");
countdownTime--;
} else {
clearInterval(countdownInterval);
console.log("倒计时结束！");
}
}</code></pre><p id="u2168e334" class="ne-p" style="min-height: 24px; text-align: right;"><br></p><p id="uc6a1eab9" class="ne-p" style="min-height: 24px;"><span class="ne-text">用法</span></p><ul class="ne-ul" style="margin-left: 14px; padding-left: 23px;"><li id="u42a7dfd4" data-lake-index-type="0" style="list-style-position: initial; list-style-image: initial;"><span class="ne-text">启动：</span><code class="ne-code" style="font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace; background-color: rgba(0, 0, 0, 0.06); border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 2px; padding-right: 2px; padding-left: 2px;"><span class="ne-text">startCountdown()</span></code></li><li id="u44149c43" data-lake-index-type="0" style="list-style-position: initial; list-style-image: initial;"><span class="ne-text">停止：</span><code class="ne-code" style="font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace; background-color: rgba(0, 0, 0, 0.06); border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 2px; padding-right: 2px; padding-left: 2px;"><span class="ne-text">stopCountdown()</span></code></li></ul><p id="ud674a5fa" class="ne-p" style="min-height: 24px;"><span class="ne-text">应用场景</span><span class="ne-text"><br></span><span class="ne-text">游戏倒计时、会议提醒、考试计时、烹饪计时等。</span></p><hr id="pvKSX" class="ne-hr" style="clear: both; background-color: rgb(232, 232, 232); border-style: solid; border-color: transparent; border-image: initial; margin-top: 18px; margin-bottom: 18px;"><h4 id="941896ce" style="margin-top: 10px; margin-bottom: 5px; font-size: 16px; line-height: 24px;"><span class="ne-text">2. 实时时钟显示</span></h4><pre data-language="javascript" id="Sh8ae" class="ne-codeblock language-javascript" style="border: 1px solid rgb(232, 232, 232); border-radius: 2px; background: rgb(249, 249, 249); padding: 16px; font-size: 13px; color: rgb(89, 89, 89);"><code>let myVar;
function myTimer() {
const time = new Date().toLocaleTimeString();
console.log("当前时间：" + time);
}
function myStopFunction() {
clearInterval(myVar);
}
// 启动时钟
myVar = setInterval(myTimer, 1000);
// 停止时钟：myStopFunction()</code></pre><p id="u3d9a343a" class="ne-p" style="min-height: 24px; text-align: right;"><br></p><hr id="PnlGg" class="ne-hr" style="clear: both; background-color: rgb(232, 232, 232); border-style: solid; border-color: transparent; border-image: initial; margin-top: 18px; margin-bottom: 18px;"><h3 id="382e5014" style="margin-top: 16px; margin-bottom: 5px; font-size: 1em; line-height: 28px;"><span class="ne-text">扩展应用示例</span></h3><h4 id="4153e13c" style="margin-top: 10px; margin-bottom: 5px; font-size: 16px; line-height: 24px;"><span class="ne-text">1. 简单计数器</span></h4><pre data-language="javascript" id="iVUxd" class="ne-codeblock language-javascript" style="border: 1px solid rgb(232, 232, 232); border-radius: 2px; background: rgb(249, 249, 249); padding: 16px; font-size: 13px; color: rgb(89, 89, 89);"><code>let counter = 0;
const intervalId = setInterval(() => {
console.log("计数：" + counter);
counter++;
if (counter > 10) {
clearInterval(intervalId);
console.log("计数停止");
}
}, 1000);</code></pre><p id="u6a13294d" class="ne-p" style="min-height: 24px; text-align: right;"><br></p><h4 id="PrYPu" style="margin-top: 10px; margin-bottom: 5px; font-size: 16px; line-height: 24px;"><span class="ne-text">2. 随机数生成器</span></h4><pre data-language="javascript" id="FsSBm" class="ne-codeblock language-javascript" style="border: 1px solid rgb(232, 232, 232); border-radius: 2px; background: rgb(249, 249, 249); padding: 16px; font-size: 13px; color: rgb(89, 89, 89);"><code>const intervalId = setInterval(() => {
const num = Math.floor(Math.random() * 100);
console.log("随机数：" + num);
if (num > 90) {
clearInterval(intervalId);
console.log("触发停止条件");
}
}, 1000);</code></pre><p id="u8a8c2e97" class="ne-p" style="min-height: 24px; text-align: right;"><br></p><h4 id="f1cae75b" style="margin-top: 10px; margin-bottom: 5px; font-size: 16px; line-height: 24px;"><span class="ne-text">3. 进度条模拟</span></h4><pre data-language="javascript" id="l4HmA" class="ne-codeblock language-javascript" style="border: 1px solid rgb(232, 232, 232); border-radius: 2px; background: rgb(249, 249, 249); padding: 16px; font-size: 13px; color: rgb(89, 89, 89);"><code>let progress = 0;
const intervalId = setInterval(() => {
console.log("进度：" + progress + "%");
progress += 10;
if (progress >= 100) {
clearInterval(intervalId);
console.log("进度完成！");
}
}, 1000);</code></pre><p id="u4eae34e8" class="ne-p" style="min-height: 24px; text-align: right;"><br></p><h4 id="be06b556" style="margin-top: 10px; margin-bottom: 5px; font-size: 16px; line-height: 24px;"><span class="ne-text">4. 倒计时简化版</span></h4><pre data-language="javascript" id="AlYBI" class="ne-codeblock language-javascript" style="border: 1px solid rgb(232, 232, 232); border-radius: 2px; background: rgb(249, 249, 249); padding: 16px; font-size: 13px; color: rgb(89, 89, 89);"><code>let countdown = 10;
const intervalId = setInterval(() => {
console.log("倒计时：" + countdown + "秒");
countdown--;
if (countdown < 0) {
clearInterval(intervalId);
console.log("倒计时结束！");
}
}, 1000);</code></pre><p id="ucb1a2a9e" class="ne-p" style="min-height: 24px; text-align: right;"><br></p><h4 id="8102842c" style="margin-top: 10px; margin-bottom: 5px; font-size: 16px; line-height: 24px;"><span class="ne-text">5. 循环输出数组</span></h4><pre data-language="javascript" id="HJ0qh" class="ne-codeblock language-javascript" style="border: 1px solid rgb(232, 232, 232); border-radius: 2px; background: rgb(249, 249, 249); padding: 16px; font-size: 13px; color: rgb(89, 89, 89);"><code>const arr = ["苹果", "香蕉", "橙子", "葡萄"];
let index = 0;
const intervalId = setInterval(() => {
console.log("当前水果：" + arr);
index++;
if (index >= arr.length) {
clearInterval(intervalId);
console.log("所有水果已输出");
}
}, 1000);</code></pre><p id="u47d4dec7" class="ne-p" style="min-height: 24px; text-align: right;"><br></p><hr id="LuzyE" class="ne-hr" style="clear: both; background-color: rgb(232, 232, 232); border-style: solid; border-color: transparent; border-image: initial; margin-top: 18px; margin-bottom: 18px;"><h3 id="baa86299" style="margin-top: 16px; margin-bottom: 5px; font-size: 1em; line-height: 28px;"><span class="ne-text">结构说明</span></h3><ol class="ne-ol" style="padding-left: 23px;"><li id="u6e4fca44" data-lake-index-type="0"><span class="ne-text">分级标题</span><span class="ne-text">：使用</span><code class="ne-code" style="font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace; background-color: rgba(0, 0, 0, 0.06); border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 2px; padding-right: 2px; padding-left: 2px;"><span class="ne-text">基础功能示例</span></code><span class="ne-text">和</span><code class="ne-code" style="font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace; background-color: rgba(0, 0, 0, 0.06); border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 2px; padding-right: 2px; padding-left: 2px;"><span class="ne-text">扩展应用示例</span></code><span class="ne-text">分类，便于快速定位场景</span></li><li id="u20154098" data-lake-index-type="0"><span class="ne-text">代码块统一</span><span class="ne-text">：所有示例采用标准JavaScript语法，保留核心逻辑</span></li><li id="u06f18ce2" data-lake-index-type="0"><span class="ne-text">关键注释</span><span class="ne-text">：在倒计时示例中保留变量单位说明（</span><code class="ne-code" style="font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace; background-color: rgba(0, 0, 0, 0.06); border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 2px; padding-right: 2px; padding-left: 2px;"><span class="ne-text">// 单位：秒</span></code><span class="ne-text">）</span></li><li id="uc10c4d70" data-lake-index-type="0"><span class="ne-text">场景提示</span><span class="ne-text">：在基础功能中明确列出应用场景，增强实用性</span></li></ol><p id="u8af6a45c" class="ne-p" style="min-height: 24px;"><span class="ne-text">可根据实际需求调整时间间隔、判断条件或输出内容。</span></p><pre data-language="javascript" id="WAU4q" class="ne-codeblock language-javascript" style="border: 1px solid rgb(232, 232, 232); border-radius: 2px; background: rgb(249, 249, 249); padding: 16px; font-size: 13px; color: rgb(89, 89, 89);"><code>/* 基础功能模块，官方交流711841924 */
// A. 倒计时模块
var countdownTime = 10;
var countdownInterval;
function updateCountdown() {
if (countdownTime > 0) {
printl("剩余时间: " + countdownTime + "秒");
countdownTime--;
} else {
clearInterval(countdownInterval);
printl("倒计时结束！");
}
}
function startCountdown() {
countdownInterval = setInterval(updateCountdown, 1000);
}
function stopCountdown() {
clearInterval(countdownInterval);
printl("倒计时已停止");
}
// B. 时钟模块
var timerId;
function myTimer() {
var time = new Date();
printl("当前时间: " + time.toLocaleTimeString());
}
function startClock() {
timerId = setInterval(myTimer, 1000);
}
function stopClock() {
clearInterval(timerId);
}
/* 实用案例 */
// 1. 简单计数器（1-10）
var counter = 1;
var counterInterval = setInterval(function() {
printl("计数: " + counter);
if (counter++ >= 10) clearInterval(counterInterval);
}, 1000);
// 2. 随机数生成器
var randomInterval = setInterval(function() {
var num = Math.floor(Math.random() * 100);
printl("随机数: " + num);
if (num > 90) clearInterval(randomInterval);
}, 1000);
// 3. 进度条模拟
var progress = 0;
var progressInterval = setInterval(function() {
printl("进度: " + progress + "%");
if ((progress += 10) >= 100) {
clearInterval(progressInterval);
printl("进度完成！");
}
}, 1000);
// 4. 增强版倒计时（带暂停恢复）
var timer = 10;
var timerInterval;
function startTimer() {
if (!timerInterval) {
timerInterval = setInterval(function() {
printl("剩余: " + timer + "秒");
if (timer-- <= 0) {
clearInterval(timerInterval);
printl("时间到！");
}
}, 1000);
}
}
function pauseTimer() {
clearInterval(timerInterval);
timerInterval = null;
}
// 5. 数组遍历输出
var fruits = ["苹果", "香蕉", "橙子"];
var idx = 0;
var fruitInterval = setInterval(function() {
printl(fruits);
if (idx >= fruits.length) {
clearInterval(fruitInterval);
printl("输出完成");
}
}, 1000);
/* 新增ES5案例 */
// 6. 网络状态检测
var checkCount = 0;
var networkCheck = setInterval(function() {
printl("检测网络状态...(" + (++checkCount) + ")");
// 模拟网络恢复
if (checkCount > 3) {
clearInterval(networkCheck);
printl("网络已连接！");
}
}, 2000);
// 7. 自动保存功能
var saveInterval = setInterval(function() {
printl("自动保存数据..." + new Date().toLocaleTimeString());
}, 5000);
// 8. 轮播图控制
var slides = ["图片1", "图片2", "图片3"];
var currentSlide = 0;
var slideShow = setInterval(function() {
printl("显示: " + slides);
currentSlide = (currentSlide + 1) % slides.length;
}, 3000);
// 9. 定时提醒器
var reminders = ["喝水", "休息眼睛", "活动肩膀"];
var reminderIndex = 0;
var reminderInterval = setInterval(function() {
printl("温馨提示: " + reminders);
if (reminderIndex >= reminders.length) reminderIndex = 0;
}, 60000);
// 10. 任务超时监控
var timeout = 5;
var timeoutCheck = setInterval(function() {
if (timeout-- <= 0) {
clearInterval(timeoutCheck);
printl("任务执行超时！");
}
}, 1000);
</code></pre><p id="u32c85725" class="ne-p" style="min-height: 24px;"><span class="ne-text">应用场景扩展：</span></p><ol class="ne-ol" style="padding-left: 23px;"><li id="u652962c8" data-lake-index-type="0"><span class="ne-text">表单自动保存（案例7）</span></li><li id="u2a817ecf" data-lake-index-type="0"><span class="ne-text">轮播图自动切换（案例8）</span></li><li id="u87de1476" data-lake-index-type="0"><span class="ne-text">健康提醒系统（案例9）</span></li><li id="uc1b852b6" data-lake-index-type="0"><span class="ne-text">接口超时监控（案例10）</span></li><li id="uec1c004a" data-lake-index-type="0"><span class="ne-text">网络重连机制（案例6）</span></li><li id="u917ee97b" data-lake-index-type="0"><span class="ne-text">演示文稿自动播放（案例8修改）</span></li><li id="u6f02e561" data-lake-index-type="0"><span class="ne-text">操作步骤引导（案例5扩展）</span></li><li id="u27bed5cb" data-lake-index-type="0"><span class="ne-text">游戏技能冷却时间（案例4修改）</span></li><li id="u6f908b46" data-lake-index-type="0"><span class="ne-text">考试时间提醒（案例4+9结合）</span></li><li id="u30087be6" data-lake-index-type="0"><span class="ne-text">数据同步监控（案例10扩展）</span></li></ol><p id="u51491c5a" class="ne-p" style="min-height: 24px;"><span class="ne-text">每个示例都遵循以下ES5特性：</span></p><ol class="ne-ol" style="padding-left: 23px;"><li id="ubc78840e" data-lake-index-type="0"><span class="ne-text">使用</span><span class="ne-text"> </span><code class="ne-code" style="font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace; background-color: rgba(0, 0, 0, 0.06); border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 2px; padding-right: 2px; padding-left: 2px;"><span class="ne-text">var</span></code><span class="ne-text"> </span><span class="ne-text">声明变量</span></li><li id="u63c102de" data-lake-index-type="0"><span class="ne-text">使用</span><span class="ne-text"> </span><code class="ne-code" style="font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace; background-color: rgba(0, 0, 0, 0.06); border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 2px; padding-right: 2px; padding-left: 2px;"><span class="ne-text">function</span></code><span class="ne-text"> </span><span class="ne-text">关键字定义函数</span></li><li id="ub7143ecd" data-lake-index-type="0"><span class="ne-text">使用传统函数表达式代替箭头函数</span></li><li id="u9818db8b" data-lake-index-type="0"><span class="ne-text">字符串拼接使用</span><span class="ne-text"> </span><code class="ne-code" style="font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace; background-color: rgba(0, 0, 0, 0.06); border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 2px; padding-right: 2px; padding-left: 2px;"><span class="ne-text">+</span></code><span class="ne-text"> </span><span class="ne-text">运算符</span></li><li id="u8708c583" data-lake-index-type="0"><span class="ne-text">使用传统数组遍历方式</span></li><li id="ua5bad770" data-lake-index-type="0"><span class="ne-text">基于原型的对象操作</span></li></ol><p id="u3a0216be" class="ne-p" style="min-height: 24px;"><span class="ne-text">可以通过调用对应函数（如 startTimer()/pauseTimer()）或直接运行定时器来使用这些功能。所有定时器都支持通过 clearInterval() 提前终止。</span></p></div></td></tr></tbody></table><p></p>
页:
[1]