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 条评论
登录 后参与评论

相关文章

来自专栏Linux驱动

46.Linux-分析rc红外遥控平台驱动框架,修改内核的NEC解码函数BUG(1)

1.2然后在drivers\media\rc\keymaps里存了各种不同的键映射文件

1322
来自专栏码生

Reveal Swift3.0使用

682
来自专栏跟着阿笨一起玩NET

C# TreeView使用技巧

代码中对事件参数e.Action的判断,可以避免在改变节点的Checked的状态时,再次进入AfterCheck(),这样当在AfterCheck()中有其他逻...

672
来自专栏iOS技术

iOS多线程应用(三):NSOperation

NSOperation是基于GCD的面向对象封装,在各大开源库里面我们常常看到它的身影。它的使用很简单易懂,基本上你点进Api就会用了,本文就最常用的功能进行讲...

30911
来自专栏Django Scrapy

linux下join命令的用法

功能说明:将两个文件中,指定栏位内容相同的行连接起来。 语  法:join [-i][-a<1或2>][-e<字符串>][-o<格式>] [-t<字符>][-v...

3217
来自专栏性能与架构

Web前端开发技术栈

前端领域的发展非常迅猛,大前端的时代到来了,据说每隔12-24个月,前端的难度将增加一倍,从下面的技术栈就可以看出前端领域的丰富度和复杂度 核心概念 HTML ...

3729
来自专栏吴小龙同學

一套完整的Android通用框架

现在做Android开发,已经是大好时机,网上有很多成熟的框架,我们应充分利用好这些,所谓前人种树后人好乘凉,很多时候压根不需要了解太多原理,只需站在巨人的丁...

2533
来自专栏james大数据架构

JS双月份显示联动效果,点击日期浮出消息提示

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.or...

2918
来自专栏Hadoop实操

Yarn的JobHistory目录权限问题导致MapReduce作业异常

0: jdbc:hive2://localhost:10000>select count(*) from student;

8317
来自专栏张高兴的博客

张高兴的 UWP 开发笔记:手机状态栏 StatusBar

3175

扫码关注云+社区