所有分类
  • 所有分类
  • 后端开发

JavaScript的超时、待机和任务排队系统,让你的代码不再混乱

你知道吗?虽然JavaScript只是一个线程,但是我们可以设个超时范围和待机时间来控制某些代码的运行时间!这听起来很好玩?没想到?

说起这个”超时值”,就是给代码上个定时器,只能在特定时段内跑。比如设个1000毫秒,就是说得等过这么长时间再开始执行。注意即使超时了,其实代码并不会马上开始工作!不懂的话来问我~

别以为Javascript只会弄懂单行代码,它可是照着你说的去做事的。要保证操作不会混乱,所以我们给Javascript装上了一个任务排队系统。只要有新的任务,就先放到队里排队等着。就拿setTimeout()这玩意儿举例子好了,它后面跟着的那个参数就是让Javascript知道啥时该入队。如果队里没活,那么新任务马上就能动工;反之的话,就只能等到别的任务都搞定之后再开工咯。

那就说说啥是”间歇性调用”!给你打个比方,就像是设定一个闹铃不断叫你起床,只要页面不关,这个闹铃就会按你设置的周期响起来。想要搞成这样,就要用到两个函数,分别叫做 setInterval 和 setTimeout,跟咱们平常看电视定时跳广告差不多。但是我得告诉你,如果不及时把闹铃给关了,那可就…后果严重!

平时不用真间歇调用,因为前边已经开始了,后边还没完事呐,太乱!所以咱换成超时调用就好,效果差不多滴哟。

那我们就开始!首先你得学会怎么把现在的时间取出来,然后显示到那个小小的文本框里去。要停下来的话,直接按”停止”按钮就行。那么这里面究竟有啥秘密技术?

简单!其实就是给定一个刷新任务,就用setInterval()函数。把这个设置好后,网页会自动更新日期框时间。想要停下来的时候,就点击“stop”好了。


赶紧学一招,用setTimeout()就能搞出好玩的电子时钟~它能在输入框里定时闪现数字,别错过了骚年,赶快试试看吧

function clock(){
  var time = new Date();
  document.getElementById("clock").value = time;  
  var btn =document.getElementById("btn");
  btn.onclick = function(){
    clearInterval(t); 
  }
}
var t = setInterval(clock,1000);

好,今天咱们先说到这。希望这个博客能启发你点儿什么。别忘了留个言要是喜欢分享的话就点点赞呗!

原文链接:https://www.icz.com/technicalinformation/web/html5/2024/03/11294.html,转载请注明出处~~~
0

评论0

请先
注意:请收藏好网址www.icz.com,防止失联!站内免费资源持续上传中…!赞助我们
显示验证码
没有账号?注册  忘记密码?