js实现“锁”

JavaScript06

js实现“锁”,第1张

在js中需要让某些异步的任务按顺序执行的时候可以Promise.then(Promise).then.....

但是有时候任务不是固定的,无法按照这种固定的模式写下去,需要其他的实现

这是ES6 async,await版本的,借助Promise的resolve,当前面的异步事件执行完后,会调用后面任务的resolve,后面的会执行。

纯Promise的也好实现,不过需要各种回调。

1、 JS 没有变量锁

2、 JS 是单线程的,但是 setTimeout 或者 setInterval 会导致异步执行

3、 HTML 的标签里,<script defer>也可以导致脚本异步执行

4、 NodeJS 里,很多函数都是异步的

记得不要将异步和多线程混淆起来。

如果查不到原因,请上代码。

以上,请采纳,请给分。

不知道楼主问的是锁定页面还是整个计算机屏幕,如果后者就别想了,js不可能有那么大的权限,如果是锁定页面倒是好解决,用DIV+iframe盖住即可,再做个DIV上放一个文本框供输入解锁密码,密码正确就隐藏该DIV++iframe

锁定页面大概的代码如下:

<script language="javascript">

document.onkeydown=function(){//Ctrl+A锁定页面

if((event.ctrlKey)&&(event.keyCode==65)){

lock()

event.returnValue=false}

}

function lock(){//alert("锁定")

document.getElementById("lock").style.display=""

document.body.scroll="no"

}

function ulock(psd){

if(psd=="123"){//密码为"123"

document.getElementById("lock").style.display="none"

document.body.scroll="auto"

}else{

alert("密码错误")

document.getElementById("psd").focus()

}

}

</script>

<DIV id="lock" style="z-index:10000background:#fffposition:absoluteleft:0top:0display:none">

<div>

请输入密码解锁:

<input type="text" id=psd />

<input type="submit" value="确定" onclick="ulock(document.getElementById('psd').value)"></div>

<iframe style="width:10000pxheight:10000px"></iframe>

</div>

以上代码只提供一种思路,还有很多细节应该注意到:比如屏蔽刷新和一些快捷键等,还有界面的美化等。

祝好运!