你知道吗?虽然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);
好,今天咱们先说到这。希望这个博客能启发你点儿什么。别忘了留个言要是喜欢分享的话就点点赞呗!
评论0