hujung hadapan web
tutorial js
js menggunakan setTimeout untuk melaksanakan kemahiran method_javascript pemasaan
js menggunakan setTimeout untuk melaksanakan kemahiran method_javascript pemasaan
May 16, 2016 pm 04:04 PMContoh dalam artikel ini menerangkan cara menggunakan setTimeout dalam js untuk melaksanakan bom jangka. Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:
Hari ini saya membaca catatan blog CSS Exploration Journey, dan terdapat kesan penggunaan setTimeout untuk menulis bom jangka, jadi saya memutuskan untuk menulisnya seperti kucing.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
<title>无标题文档</title>
<style>
div{
width:200px;
height:50px;
margin:30px auto 0;
background:#ccc;
text-align:center;
font:14px/50px arial;
cursor:pointer
}
</style>
<script type="text/javascript" src="js/jquery_1.4.2.js"></script>
</head>
<body>
<div id="zha">开始定时</div>
<div id="chai" style="display:none">拆除炸弹</div>
<script>
$("#zha").bind("click",function(){
zha();
})
$("#chai").bind("click",function(){
chai();
})
var time = 5;
var timer = 0;
function zha(){
var text = "倒计时";
text += time--;
$("#zha").text(text);
if(time >=0){
timer = setTimeout(zha,1000);
$("#zha").css("color","black");
$("#chai").show();
}else{
$("#zha").text("爆炸");
$("#zha").css("color","red");
time = 5;
$("#chai").fadeOut();
}
}
function chai(){
clearTimeout(timer);
$("#zha").text("炸弹拆除成功,点击继续");
}
</script>
</body>
</html>Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.
Artikel Panas
Alat panas Tag
Artikel Panas
Tag artikel panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
Cara menggunakan Peta JS dan Baidu untuk melaksanakan fungsi pan peta
Nov 21, 2023 am 10:00 AM
Cara menggunakan Peta JS dan Baidu untuk melaksanakan fungsi pan peta
Disyorkan: Projek pengesanan dan pengecaman muka sumber terbuka JS yang sangat baik
Apr 03, 2024 am 11:55 AM
Disyorkan: Projek pengesanan dan pengecaman muka sumber terbuka JS yang sangat baik
Alat penting untuk analisis saham: Ketahui langkah-langkah untuk melukis carta lilin dengan PHP dan JS
Dec 17, 2023 pm 06:55 PM
Alat penting untuk analisis saham: Ketahui langkah-langkah untuk melukis carta lilin dengan PHP dan JS
Petua Pembangunan PHP dan JS: Kuasai Kaedah Melukis Carta Lilin Stok
Dec 18, 2023 pm 03:39 PM
Petua Pembangunan PHP dan JS: Kuasai Kaedah Melukis Carta Lilin Stok
Cara membuat carta candlestick saham menggunakan PHP dan JS
Dec 17, 2023 am 08:08 AM
Cara membuat carta candlestick saham menggunakan PHP dan JS
Cara menggunakan Peta JS dan Baidu untuk melaksanakan fungsi lukisan poligon peta
Nov 21, 2023 am 10:53 AM
Cara menggunakan Peta JS dan Baidu untuk melaksanakan fungsi lukisan poligon peta
Cara menggunakan JS dan Baidu Map untuk melaksanakan fungsi pemprosesan acara klik peta
Nov 21, 2023 am 11:11 AM
Cara menggunakan JS dan Baidu Map untuk melaksanakan fungsi pemprosesan acara klik peta
Apakah yang dilakukan oleh pengendali baharu dalam js
Nov 13, 2023 pm 04:05 PM
Apakah yang dilakukan oleh pengendali baharu dalam js
