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="定时警告" onclick="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="开始计时" onclick="startTime()"/>
19     <input type="text" id="num"/><br>
20     <input type="button" value="结束计时" onclick="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 onload="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>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏算法+

分享用于学习C++图像处理的代码示例

为了便于学习图像处理并研究图像算法, 俺写了一个适合初学者学习的小小框架。 麻雀虽小五脏俱全。 采用Decoder:stb_image https://gith...

50011
来自专栏Sorrower的专栏

Android绘制(一):来用shape绘出想要的图形吧!

734
来自专栏Hongten

My Notepad

I have spent near more two weeks to write this Notepad application. At this mome...

592
来自专栏CreateAMind

Curiosity-driven Exploration 好奇心代码阅读

952
来自专栏曾大稳的博客

ffmpeg添加水印和滤镜效果

更多的特效使用: http://www.ffmpeg.org/ffmpeg-filters.html

993
来自专栏数据小魔方

动态地理信息可视化——散点地图系列

这是一篇拖了好久的稿子,因为过年玩high了,一直放着没写,今天得空,赶快得空,赶紧整理一下。 本篇主讲leaflet在线地图系列中的散点系列,包含颜色映射规则...

3354
来自专栏技术小黑屋

修复Android中Navigation Bar遮挡PopupWindow的问题

最近遇到了一个问题,关于Navigation Bar遮挡PopupWindow的问题,问题不难,粗略做一点总结。

482
来自专栏算法+

声音变调算法PitchShift(模拟汤姆猫) 附完整C++算法实现代码

上周看到一个变调算法,挺有意思的,原本计划尝试用来润色TTS合成效果的。 实测感觉还需要进一步改进,待有空再思考改进方案。 算法细节原文,移步链接: http:...

37010
来自专栏烙馅饼喽的技术分享

asp.net生成透明gif的准完美方案

       我最近在实现我的WMS服务器的时候,发现了一个超级郁闷的问题,问题描述如下:客户需要动态叠加一个透明层到底图上,比如说公交线路层,这个层有透明背景...

4087
来自专栏Android先生

Android的毛玻璃模糊效果,我使用OpenCV来搞

声明:本文是JerryloveEmily原创,已获其授权发布,未经原作者允许请勿转载

771

扫码关注云+社区