當前位置：
首頁 >
Javascript实现计数器，定时警告和停止
發布時間：2025/3/17
32
豆豆
生活随笔
收集整理的這篇文章主要介紹了
Javascript实现计数器，定时警告和停止
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1 <html>
2 <head>
3 <meta charset="utf-8">
4 <title>定時警告</title>
5 </head>
6 <body> 7 <!--定時警告的問題--> 8 <h1>定時警告的問題</h1> 9 <input type="button" value="定時警告" οnclick="setTimeMsg()"/> 10 <script language="javascript"> 11 function setTimeMsg(){ 12 setTimeout('alert("hello world!!!")',3000);//3s 13 } 14 </script> 15 <hr> 16 <!--計數器--> 17 <h1>計數器</h1> 18 <input type="button" value="開始計時" οnclick="startTime()"/> 19 <input type="text" id="num"/><br> 20 <input type="button" value="結束計時" οnclick="stopTime()"/> 21 22 <script language="javascript"> 23 var i=0; 24 var t; 25 function startTime(){ 26 document.getElementById("num").value=i; 27 i=i+1; 28 t=setTimeout("startTime()",10);//1s 29 } 30 31 function stopTime(){ 32 clearTimeout(t); 33 } 34 </script> 35 36 </body> 37 </html> 1 <html>
2 <head>
3 <meta charset="utf-8">
4 <title>定時警告</title>
5 </head>
6 <body οnlοad="startTime()"> 7 <h1>秒表<div id="time"></div></h1> 8 <script language="javascript"> 9 function startTime(){ 10 var date=new Date(); 11 var year=date.getFullYear(); 12 var month=date.getMonth()+1; 13 var day=date.getDate(); 14 var hour=date.getHours(); 15 var minute=date.getMinutes(); 16 var second=date.getSeconds(); 17 //var str=year+"年"+month+"月"+day+"日"+hour+":"+minute+":"+second; 18 var str=hour+":"+minute+":"+second; 19 20 document.getElementById("time").innerHTML=str; 21 setTimeout("startTime()",1000); 22 } 23 </script> 24 </body> 25 </html>
?
轉載于:https://www.cnblogs.com/honglikeji/p/7453598.html
總結
以上是生活随笔為你收集整理的Javascript实现计数器，定时警告和停止的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： elaselasticsearch节点类
- 下一篇： Java高效入门方法_萝魏紫