Franciswmf
- 浏览: 796888 次
- 性别:
- 来自: 上海
-
文章分类
- 全部博客 (480)
- Spring (12)
- Hibernate (8)
- Struts2 (4)
- Java 基础-JDK-类-接口-URI-专题研究 (27)
- 线程、线程池、多线程高并发高可用、Socket通信 (15)
- Oracle数据库 (20)
- 一般-前端js-html-其它 (25)
- JYSK-互联网金融、金融科技、支付、公司、新闻等等 (8)
- Ajax-jQuery开源框架 (7)
- Json-轻量级的数据交换格式 (14)
- JavaScript (15)
- Jsp、Servlet、Servlet+JSP+JavaBean开发模式(MVC) (18)
- Html-JavaScript-前端-调用接口 (12)
- Sql Server 2005 (6)
- 正则表达式 (2)
- Java tools (18)
- 加签与验签、加密与解密 (3)
- Ajax技术核心-xmlHttpRequest（简称XHR） (6)
- xml-数据交换格式 (3)
- 信息采集 (1)
- Http - Https - HttpClient - httpCore-SSL-TLS (10)
- HtmlParser (2)
- 标签库 (1)
- SMS (2)
- jxl-导入导出 (4)
- poi-导入导出 (2)
- 定时器Timer+Quartz (6)
- 工作流引擎JBPM3.2.3 (4)
- 工作流引擎JBPM4 (0)
- 数据源-JNDI (0)
- tomcat、weblogic等应用服务器 (6)
- 工作流引擎jbpm5 (1)
- 搜索引擎Lucene (1)
- ant (1)
- 大数据-HBase (2)
- bigtable (0)
- 数据库设计 (4)
- jquery tab (0)
- mybatis (5)
- jquery ui 1.10.3 (5)
- Jboss7 (1)
- 规则引擎drools (0)
- 工作流引擎Activiti5 (0)
- 数据库-用户自定义函数 (0)
- 数据库-存储过程 (2)
- 数据库-视图 (0)
- 数据库-触发器 (0)
- 数据库-sql (2)
- highcharts-图表工具 (1)
- sql server 2008 (6)
- 诗词-工作室 (2)
- 数据割接 (1)
- GIS-地理信息系统 (2)
- RS-遥感技术 (1)
- GPS-全球定位系统 (1)
- java整合flex_RIA开发 (3)
- C#编程语言 (5)
- webservice_axis2_cxf_soap_wsdl (2)
- sql语句 (3)
- Flex_WebService_GIS (25)
- PHP编程语言 (0)
- ExtJS4.2 (1)
- Spring mvc (5)
- EasyUI1.4.2 (16)
- 日期时间工具类 (4)
- 随机数 (1)
- Arcgis api for js (0)
- Mysql数据库 (9)
- 移动互联网 java html5/flash socket netty (0)
- API接口 (1)
- AndroidStudio (0)
- Git (2)
- Maven (5)
- IDEA (0)
- 大数据-Hadoop (2)
- JPA (0)
- Spring boot (4)
- JSF (0)
- nginx_lua_module_redis (2)
- Activiti (1)
- bootstrap (1)
- AngularJS (10)
- 数据库-索引 (1)
- Linux及其连接工具SSH (4)
- java日志管理 (2)
- islider滑动控件 (1)
- jquery (1)
- 异常处理Exception (1)
- 秒杀与类秒杀系统 (1)
- 连接数据库、数据库连接池 (4)
- 数据库-临时表 (1)
- 软件设计模式-单例、多例、代理、工厂、观察者 (3)
- 集合框架 (5)
- 人工智能--Artificial intelligence、神经网络算法、机器学习 (1)
- 分布式应用 (1)
- SOA服务-Dubbo框架-Thrift框架 (2)
- Zookeeper分布式服务框架 (2)
- intellij idea (1)
- python编程语言 (0)
- 消息队列_MQ (0)
- 消息队列_RabbitMQ (2)
- 消息队列_ActiveMQ (1)
- 消息队列_Kafka (2)
- 缓存_Redis (4)
- 缓存_Memcache (0)
- 缓存_Ehcache (0)
- ivy-ivyde (1)
- google-protocol buffers (1)
- 正向代理-正向代理服务器 (1)
- 反向代理-反向代理服务器 (1)
- JVM内存模型 (0)
- Thunder框架 (1)
- NIO-非阻塞式IO (0)
- 软件测试、性能测试 (1)
- 序列化、Serializable接口、Externalizable接口 (3)
- 线程池-ExecutorService-ThreadPoolExecutor (1)
- web.xml (1)
- java开发-java工具-实用工具网站 (6)
- 医疗 (1)
- Filter-过滤器 (2)
- Unicode码-双字节字符编码 (1)
- OpenResty (1)
- 计算机网络 (1)
- eclipse_myeclipse_intellij idea (3)
- Enum (1)
- 大数据--Big Data (1)
- 云计算--Cloud computing (1)
- Elastic-Job (1)
- Redis (2)
- 文件流-IO操作 (6)
- 计算机基础知识 (1)
- Hessian-二进制RPC协议 (1)
- String类 (3)
- BigDecimal类 (1)
- java重要接口 (1)
- ReactJS (1)
- 跨域问题 (0)
- Map (1)
- 注解 (1)
- ASCII码-单字节字符编码 (1)
- 微服务、微服务架构 (2)
- RPC协议、RPC服务、RPC框架 (0)
- java反射 (1)
- java项目之classpath (1)
- 经典算法-树 (1)
- listener-监听器 (1)
- Interceptor-拦截器 (1)
- pojo javabean (2)
- 计算机科学与技术-进阶 (1)
- 代码规范与文档编写 (1)
- UML-统一建模语言 (1)
- 对接微信、支付宝 (3)
- 压力测试 (1)
- 办公软件-Excel (1)
- 办公软件-PPT (0)
- UTF8、GBK编码 (1)
- 微服务架构：Spring Cloud架构-Dubbo架构 (6)
- Nginx (1)
- 点滴业务 (1)
- form表单-json数据-转换与接口调用 (1)
- Junit单元测试 (1)
- 大数据-Spark (1)
- 大数据-Storm (1)
- 数据库事务-Spring事务 (0)
- elasticsearch (1)
- windows (1)
最新评论
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>Time bomb</title>
<style type="text/css">
#t2{display:none;}
</style>
</head>
<body>
<div id="test">
<input id="t1" type="button" onclick="detonate();" value="引爆定时zd" />
<input id="t2" type="button" onclick="demolite();" value="拆除定时zd" />
</div>
</body>
</html>
<script type="text/javascript">
var x = document.getElementById("test");
var x2 = document.getElementById("t1");
var x3 = document.getElementById("t2");
var c = 10;
var timeId1 = 0;
function detonate(){
x3.style.display = "inline";
x2.value = "倒计时";
x2.value += c--;
if(c >= 0){
timeId1 = window.setTimeout(detonate,1000);
}else{
x2.style.display = "none";
x3.style.display = "none";
bomb = document.createElement("div");
bomb.innerHTML = "<img src='images/after/bomb.jpg' alt='bomb' />";
document.body.appendChild(bomb);
}
}
function demolite(){
window.clearTimeout(timeId1);
x3.style.display = "none";
alert("恭喜，zd拆除成功");
x2.value = "继续";
}
</script>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>Time bomb</title>
<style type="text/css">
#t2{display:none;}
</style>
</head>
<body>
<div id="test">
<input id="t1" type="button" onclick="detonate();" value="引爆定时zd" />
<input id="t2" type="button" onclick="demolite();" value="拆除定时zd" />
</div>
</body>
</html>
<script type="text/javascript">
var x = document.getElementById("test");
var x2 = document.getElementById("t1");
var x3 = document.getElementById("t2");
var c = 10;
var timeId1 = 0;
function detonate(){
x3.style.display = "inline";
x2.value = "倒计时";
x2.value += c--;
if(c >= 0){
timeId1 = window.setTimeout(detonate,1000);
}else{
x2.style.display = "none";
x3.style.display = "none";
bomb = document.createElement("div");
bomb.innerHTML = "<img src='images/after/bomb.jpg' alt='bomb' />";
document.body.appendChild(bomb);
}
}
function demolite(){
window.clearTimeout(timeId1);
x3.style.display = "none";
alert("恭喜，zd拆除成功");
x2.value = "继续";
}
</script>
分享到：
发表评论
-
js 动态创建对象、引入文件等
2017-03-22 17:49 3951、根据需要引入css文件 /** * 额外引入css ... -
js navicator对象、match方法
2017-01-16 15:01 600javascript的navigator对象 na ... -
js、jquery、zepto、angularjs 参考资料
2016-11-14 15:53 3901、$(document).ready()和window.on ... -
认识JS、javascript基础_checkbox_radio_select
2016-05-24 14:03 325引用参考： 推荐学习和使用JS的ES6版本 --JavaScr ... -
javascript除法如何取整
2013-08-16 15:55 31185javascript除法如何取整 Math.round(x) ... -
js截断字符串，超过部分用省略号补充
2013-08-13 09:30 1278<% if(值.length() > 1 ... -
js复制链接到剪贴板
2013-07-16 17:48 1617第一种方式：（不兼容chrome,ie可以） 引用：ht ... -
js中的加减乘除以及比较大小
2013-02-23 10:02 3473/** * 两数相加 * @param ... -
js 实现在离开页面时，对未保存的信息进行提醒
2013-01-16 09:12 1193js 实现在离开页面时，对未保存的信息进行提醒 / ... -
JS判断输入中是否包含中文字符
2012-09-19 10:36 2143JS判断输入中是否包含中文字符 if (escape(str ... -
用document.form.missiveType和document.getElementsByName("missiveType")的比较
2012-07-26 14:59 1085对于div中动态获取的相同name的复选框，用document ... -
$(document).ready()与 window.onload执行时机、document.getElementsByName()的用法
2012-07-26 14:46 969--$(document).ready()与 window.o ... -
js中获取同名的元素--使用getElementsByName()函数获得数组
2012-07-24 17:41 9672在SSH框架中： --------------------- ... -
js--复选框--全选、反选、取消
2012-07-24 15:04 757------------------------------ ...
相关推荐
在提供的压缩包文件中，"js倒计时"可能包含了一个完整的JS倒计时实现，你可以查看源代码学习更多细节，比如如何将倒计时数据显示在网页上，或者如何处理时区问题。通过深入理解这些代码，你将能更好地掌握JS实现倒...
在JavaScript（JS）编程中，倒计时功能是一种常见的需求，尤其在网页动态效果和时间敏感的应用场景中。本文将详细讲解如何实现一个简单而实用的时分秒倒计时功能，以及它在教育网站线上的应用。 首先，我们要了解倒...
JS倒计时
倒计时JS源码 10分钟倒计时【可任意修改】 请支持原创！
javascript实现倒计时
JavaScript（简称JS）倒计时至秒是一种常见的前端开发技术，尤其在电商活动、拍卖、限时抢购等场景中广泛运用。它能够实时更新显示剩余时间，为用户提供一种紧迫感，促进用户采取行动。在本案例中，"JS倒计时到秒...
8. **模块化和封装**：在`TimeCircles.js`文件中，我们可以推测这是一个实现了环形倒计时功能的JavaScript模块。它可能包含一个构造函数，接收开始时间、持续时间等参数，以及初始化、更新和结束等方法。 9. **响应...
<title>JavaScript倒计时 <h1 id="countdown"></h1> <script src="js/countdown.js"> ``` 在`js`文件夹中的`countdown.js`文件应该包含上述的JavaScript代码。 这个基本的倒计时功能可以适应大多数需求，但...
JavaScript倒计时是一种常见的时间显示方式，常用于网站上的活动预告、考试倒计时或重要事件提醒等。在这个实例中，我们结合了JavaScript、CSS和jQuery来创建一个动态且具有视觉效果的倒计时计时器。以下是相关知识...
在Vue.js框架中实现天时分秒倒计时效果，主要涉及到组件化开发、时间处理、数据绑定以及定时器的使用。以下是对这个项目中关键知识点的详细解释： 1. **Vue.js**: Vue.js 是一个轻量级的前端JavaScript框架，它提供...
闲着没事 发个倒计时代码 可以精确到毫秒的
JavaScript（简称JS）倒计时源码是一种常见的前端开发技术，用于实现网页上的时间计时功能，例如活动截止、考试开始等场景。本资源包含一个实现了天、小时、分钟和秒显示的倒计时功能的JS代码示例。下面将详细讲解JS...
本文将深入探讨“倒计时功能插件js”的相关知识点，帮助开发者理解如何利用JavaScript实现倒计时功能。 首先，倒计时功能是网页或应用中常见的一种交互元素，通常用于事件预告、促销活动等场景。在JavaScript中，...
标题中的“倒计时十秒后跳转到其它页面源代码”是指一种常见的网页编程技术，用于在用户停留一定时间后自动重定向到其他页面。这种功能常用于广告页面、临时提示信息或需要用户确认的场景。下面我们将深入探讨这个...
4. 倒计时逻辑与上一个示例类似，但此时的倒计时结束可能是用户输入验证码并验证成功，而不是简单地解除按钮禁用。 5. 用户输入验证：检查用户输入的验证码是否与接收到的一致，以及在倒计时结束后按钮的再次激活。 ...
本话题将详细介绍如何使用JavaScript来实现这样一个“30秒后按钮才可用”的倒计时功能。 首先，我们要明确的是，这个功能主要涉及到JavaScript的几个核心概念：DOM操作、事件处理和定时器。在HTML文件`index.html`...
JavaScript（简称JS）倒计时是一种常见的Web前端功能，用于实现各种计时需求，例如活动结束倒计时、考试开始倒计时等。在给定的"js倒计时源码"中，我们可以探讨以下几个关键知识点： 1. **JavaScript基础**： - ...
这就是一个基本的JavaScript倒计时实现。需要注意的是，这种实现方式没有处理闰秒，且假设一天始终有24小时，一年有365天。在实际应用中，可能需要更精确的处理方式，例如使用`moment.js`或`date-fns`等库来处理日期...
在JavaScript（JS）编程中，实现获取服务器时间并进行倒计时是一项常见的需求，尤其在构建Web应用时。以下是对这个主题的详细说明： 首先，理解服务器时间和客户端时间的概念至关重要。服务器时间是服务器上计算机...
日常开发中，电商经常使用到抢购，不过当抢购的时候会用到倒计时