一个小小的计时器，按秒计时，点击开始开始计时，点击停止，则停止计时，点击复位，则重置计时器并停止计时

代码：

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>计数器</title><style type="text/css">#d1{position: absolute;left: 40%;top: 18%;background-color: #C52916;}#textc{text-align: center;}#d2{position: relative;left: 50px;top: 25px;}#sp1{color: white;text-align: center;position: relative;left: 125px;}#sp2{color: white;position: relative;left: 100px;text-align: center;}</style><script type="text/javascript">function add(){var a =document.getElementById("textc");a.value = eval(a.value+"+1");}function startc(){j=setInterval("add()",1000);var d = document.getElementById("k");d.disabled="disabled"}function stopc(){clearInterval(j);var d = document.getElementById("k");d.disabled=""}function resetc(){var a =document.getElementById("textc");a.value = 0;clearInterval(j);var d = document.getElementById("k");d.disabled=""}</script></head><body><div id="d1" style="width: 300px;height: 180px;"><div style="width: 200px;height: 100px;background-color: #FBC240;" id="d2"><table border="1" cellspacing="0" cellpadding="0" width="200px" height="100px"><tr><td colspan="3" align="center"><input type="text" id="textc" value="0"/></td></tr><tr><td align="center"><input type="button"  id="k" value="开始" onclick="startc()"/></td><td align="center"><input type="button"  id="f" value="复位" onclick="resetc()"/></td><td align="center"><input type="button"  id="t" value="停止" onclick="stopc()"/></td></tr></table></div><span ></span><br><span ></span><hr ><span id="sp1">计数器</span><br><span id="sp2">Made  By  WF</span></div></div></body>
</html>

浏览器网页小工具----计时器相关推荐

html2canvas 一个强大的使用js开发的浏览器网页截图工具
html2canvas是一个JavaScript类库,它使用了html5和css3的一些新功能特性,实现了在客户端对网页进行截图的功能.html2canvas通过获取页面的DOM和元素的样式信息,并 ...
多人在线编辑文档开发_十个在线小工具，科研amp;工作必备神器！
有的时候,做一些网页小工具比软件客户端要好用,客户端有时候出现问题,罢工不能用,而且有的软件还非常占用内存,安装起来可能要好几个小时,所以,小编今天给大家推荐了这些在线版的小工具,非常实用,想用就打开 ...
PHP写个Web小工具来监控你的加密币
编写一个网页小工具来监控你的加密币投资组合的价值,只需要非常简单的PHP和HTML技能就行. 文章目的超级简单,但我认为可能有很多人会加入加密货币的投资,在某个地方拥有一个网站,并想建立一个私人(或者 ...
推荐几个图文编辑的小工具
有很多小工具,例如app.网页工具或者微信小程序,能够帮助我们快速制作一个简单的宣传图(简单的宣传海报或者工作会议记录之类的),这类宣传图可以理解是直观的图文编辑器,给大家推荐几个不错的小工具,如果有 ...
收藏取消收藏html,一键解除网页限制，浏览器收藏夹书签小工具
一键解除网页限制,浏览器收藏夹书签小工具经常上网都会遇到一些网站不能复制文字.不能选择或者不能使用右键菜单,有时候非常的不方便. 比如:要用朗读女,读选中文字时,如果该网站有网页限制:不支持选中,复 ...
au3打开html文件,autoit获取ie浏览器简单操作网页（GUI小工具）
需要稍稍熟悉一下autoti提供的语言, 我简单做了一个带GUI的小工具,实现根据IE标题点击页面内的LinkText 注意:使用时IE窗口是显示状态才可以获取到(可以在脚本中加入搜索IE句柄,将ie ...
用C#.NET 与Webdriver写的抓取网页信息的小工具
最近,女友的妹妹要去网上找房产中介人信息用于招聘,自己去网上一个一个找太慢,我女友知道我是搞IT的就请教我有没有办法帮她快速找电话号码,于是我就想到了爬虫程序,然后普通的爬虫代码有限制,刚好自己在搞自 ...
程序猿必备工具『CSDN浏览器助手』之超实用小工具测评
CSDN浏览器助手简介 CSDN浏览器助手由CSDN官方开发,集成[一键呼出搜索].[万能快捷工具].[个性标签页]和[ "真"免广告]四大功能,打开后给人的第一印象就是清新脱俗 ...
php 预览器,浏览器html代码快速预览小工具
这次给大家带来浏览器html代码快速预览小工具,使用浏览器html代码快速预览小工具注意事项有哪些,下面就是实战案例,一起来看一下. 直接弹出预览:javascript:(function() { v ...

浏览器网页小工具----计时器

代码：

浏览器网页小工具----计时器相关推荐

最新文章

热门文章