- 浏览: 95637 次
- 性别:
文章分类
- 全部博客 (151)
- Spring-MVC学习 (5)
- 偶然间发现 (2)
- easyUi学习 (7)
- web项目相关技术 (4)
- java学习 (26)
- webService (4)
- 一些工具的安装使用 (7)
- js学习 (20)
- Sping学习 (7)
- mybatis学习 (5)
- 定时器 (4)
- oracle (2)
- JSP学习 (6)
- HTML一些标签 (1)
- web服务 (2)
- 偶尔得到的地址 (2)
- 常用的代码记录 (2)
- 设计模式 (1)
- java常使用的开源API (1)
- maven (1)
- Socket (1)
- nginx (2)
- jquery (3)
- poi (2)
- 写过的工具类 (19)
- 微信开发 (2)
- mysql (1)
- freemarker (2)
- ftp (1)
- 用过的软件 (1)
- jconsole (1)
- log4j (1)
- redis的简单入门使用 java调用redis (0)
- redis的使用 (2)
- 生活相关的 (1)
最新评论
-
chokee:
...
easyUi学习之开启行编辑模式增删改操作 -
lijie_insist:
就是有的界面需要显示天气啊!所以你要调用天气的接口啊 因为很多 ...
免费的天气接口的一个demo -
zhglance:
请问这是干什么用的呢?
免费的天气接口的一个demo
上班整合了下这个 需要用到 做下记录
<script type="text/javascript">
/**
* 读秒
*/
function endTime(stime,etime,showId){
var time_now_server, time_now_client, time_end, time_server_client, timerID;
time_end = new Date(etime);//结束的时间
time_end = time_end.getTime();
time_now_server = new Date(stime);//开始的时间
time_now_server = time_now_server.getTime();
time_now_client = new Date();
time_now_client = time_now_client.getTime();
time_server_client = time_now_server - time_now_client;
setTimeout(function(){
show_time(time_end,time_server_client,showId);
}, 1000);
}
function show_time(time_end,time_server_client,showId) {
var timer = document.getElementById(showId);
if (!timer) {
return;
}
timer.innerHTML = time_server_client;
var time_now, time_distance, str_time;
var int_day, int_hour, int_minute, int_second;
var time_now = new Date();
time_now = time_now.getTime() + time_server_client;
time_distance = time_end - time_now;
if (time_distance > 0) {
int_day = Math.floor(time_distance / 86400000)
time_distance -= int_day * 86400000;
int_hour = Math.floor(time_distance / 3600000)
time_distance -= int_hour * 3600000;
int_minute = Math.floor(time_distance / 60000)
time_distance -= int_minute * 60000;
int_second = Math.floor(time_distance / 1000)
if (int_hour < 10)
int_hour = "0" + int_hour;
if (int_minute < 10)
int_minute = "0" + int_minute;
if (int_second < 10)
int_second = "0" + int_second;
str_time = "<span>"+int_day +"</span>"+ "天" +"<span>"+ int_hour + "</span>"+"小时" +"<span>" +int_minute + "</span>分钟"
+"<span>"+ int_second + "</span>秒";
timer.innerHTML = str_time;
setTimeout(function(){
show_time(time_end,time_server_client,showId);
}, 1000);
} else {
timer.innerHTML = timer.innerHTML;
clearTimeout(timerID)
}
}
</script>
<p class="center special" id="${goods.divId}">
<#if goods.time_flag??>
<#if goods.time_flag=='no'>
活动结束
<#else>
敬请期待
</#if>
<#else>
<script>
endTime("${goods.start_time!''}","${goods.end_time!''}","${goods.divId}");
</script>
</#if>
</p>
<script type="text/javascript">
/**
* 读秒
*/
function endTime(stime,etime,showId){
var time_now_server, time_now_client, time_end, time_server_client, timerID;
time_end = new Date(etime);//结束的时间
time_end = time_end.getTime();
time_now_server = new Date(stime);//开始的时间
time_now_server = time_now_server.getTime();
time_now_client = new Date();
time_now_client = time_now_client.getTime();
time_server_client = time_now_server - time_now_client;
setTimeout(function(){
show_time(time_end,time_server_client,showId);
}, 1000);
}
function show_time(time_end,time_server_client,showId) {
var timer = document.getElementById(showId);
if (!timer) {
return;
}
timer.innerHTML = time_server_client;
var time_now, time_distance, str_time;
var int_day, int_hour, int_minute, int_second;
var time_now = new Date();
time_now = time_now.getTime() + time_server_client;
time_distance = time_end - time_now;
if (time_distance > 0) {
int_day = Math.floor(time_distance / 86400000)
time_distance -= int_day * 86400000;
int_hour = Math.floor(time_distance / 3600000)
time_distance -= int_hour * 3600000;
int_minute = Math.floor(time_distance / 60000)
time_distance -= int_minute * 60000;
int_second = Math.floor(time_distance / 1000)
if (int_hour < 10)
int_hour = "0" + int_hour;
if (int_minute < 10)
int_minute = "0" + int_minute;
if (int_second < 10)
int_second = "0" + int_second;
str_time = "<span>"+int_day +"</span>"+ "天" +"<span>"+ int_hour + "</span>"+"小时" +"<span>" +int_minute + "</span>分钟"
+"<span>"+ int_second + "</span>秒";
timer.innerHTML = str_time;
setTimeout(function(){
show_time(time_end,time_server_client,showId);
}, 1000);
} else {
timer.innerHTML = timer.innerHTML;
clearTimeout(timerID)
}
}
</script>
<p class="center special" id="${goods.divId}">
<#if goods.time_flag??>
<#if goods.time_flag=='no'>
活动结束
<#else>
敬请期待
</#if>
<#else>
<script>
endTime("${goods.start_time!''}","${goods.end_time!''}","${goods.divId}");
</script>
</#if>
</p>
发表评论
-
*.location.href的使用
2015-12-01 11:49 414*.location.href 用法: t ... -
js倒计时
2015-11-03 08:29 287<html xmlns="http://www ... -
纯js发送ajax请求
2015-08-18 19:14 708每次都用jquery,这次要微信开发,用纯js的可能少加载点东 ... -
获取验证码
2015-08-14 17:57 0<!DOCTYPE html PUBLIC " ... -
jquery图片展示代码
2015-03-03 08:55 111一个图片展示的代码 -
js学习之java script使用
2015-03-12 14:21 429总算看完了HTML DOM相关的基础知识了,下面开始整理jav ... -
js学习之HTML DOM事件和导航
2014-12-15 15:45 497这两个内容差不多是w3school对HTML DOM的最后的介 ... -
js学习之HTML DOM的访问和修改
2014-12-15 15:22 457HTML DOM访问 坚持接着把w3chool上的实例学完,最 ... -
js学习之字符串中英文判断
2014-12-12 17:45 718之前写js时候要判断中英文,网上找了下,引用这位博友的第三种方 ... -
js学习之HTML DOM的一些基础概念
2014-12-10 10:57 404经过近一个星期,总算把 ... -
js学习之Window对象
2014-12-09 17:50 406Window对象 显示对话框代码来自w3school ... -
js学习之Table,TableHeader,TableRow,TableData对象
2014-12-08 09:49 517Table,TableHeader,TableRow,Tabl ... -
js学习之Option和Select对象以及screen对象
2014-12-08 09:06 411Option和Select对象 禁止并启用下拉框代码来自w ... -
js学习之Location 对象以及 Navigator对象
2014-12-08 08:44 542这两天一直看online小说,感觉太颓废了!作为一个毕业才一年 ... -
js学习之Frame、Frameset 以及 IFrame 对象和image对象
2014-12-05 09:45 509今天上班又不是很忙,接着学习js相关的东西,毕业后就没怎么学习 ... -
js学习之Event对象和Form对象以及Input对象
2014-12-03 14:41 700Event对象 光标的位置代码来自w3school & ... -
js学习之Anchor对象和Document对象
2014-12-03 09:37 447Anchor对象 失去焦点和获取焦点有时候自己总喜欢忘记,而 ... -
javascript/jquery判断是否为undefined或是null
2014-12-03 09:05 482转自:http://blog.csdn.net/dxnn520 ... -
页面一些树的加载库
2014-12-02 15:28 406(dhtmlxTree的demo) http://dhtmlx ... -
js一些有用的demo和网站
2014-12-02 10:06 416http://www.fullavatareditor.com ...
相关推荐
JavaScript倒计时跳转是一种常见的前端技术,常用于网页加载后等待一段时间自动跳转到新的页面,同时可以传递参数。在VS(Visual Studio)和ASP.NET的开发环境中,这种功能通常用于用户操作提示或者限时优惠等场景。...
通过学习和理解这个例子,开发者不仅可以掌握时间倒计时的实现,还能深化对JavaScript定时器、参数传递以及jQuery DOM操作的理解。对于初学者来说,这是一个很好的练习项目,而对于有经验的开发者,它可以作为快速...
- **时间处理**:JavaScript内置的`Date`对象是处理时间的基础,通过`getDate()`, `getHours()`, `getMinutes()`, `getSeconds()`等方法获取时间信息,而`setInterval()`则用于周期性执行某段代码。 - **动画效果**...
JavaScript(简称js)作为一种广泛应用于前端开发的脚本语言,能够很容易地实现倒计时功能。接下来,我们将详细介绍如何使用js实现时分秒倒计时。 首先,倒计时功能的实现基础是时间计算。基本思路是获取当前时间,...
综上所述,利用JavaScript实现自定义倒计时日期代码,不仅涉及到Date对象的使用、时间差的计算,还涵盖了定时器、DOM操作、表单交互和CSS样式设计等多个方面,这些知识点都是JavaScript前端开发中的基础,也是提升...
这种方法结合了C#后端计算的灵活性和JavaScript前端实时渲染的优势,为用户提供了一种高效、直观的倒计时体验。在实际应用中,你可以根据需求调整代码,例如添加错误处理、优化时间格式化或者使用更现代的前端框架来...
此外,JavaScript也可能被用于实现动态的倒计时功能,通过定时更新页面内容来反映剩余时间的变化。 在“README.md”文件中,通常会包含模板的使用说明、安装步骤、依赖项等关键信息。对于开发者来说,理解这些信息...
例如,倒计时的数值可以从JS文件中的数据对象传递到WXML的视图层展示。 6. **API调用**:微信小程序提供了丰富的API接口,如网络请求、本地存储、设备信息等。在拼团功能中,可能需要用到网络请求API来获取商品信息...
如果在活动时间段内,则计算出剩余时间(以秒为单位),并将其传递到前端JavaScript代码中去。 知识点四:前端JavaScript倒计时的实现 JavaScript通过接收PHP端传递的剩余时间秒数,并将其转换为毫秒进行计算。倒...
比如,在在线预约系统中,用户可以选择预约的时间段;在日程管理应用中,用户可以设定事件的开始和结束时间;在计时器或倒计时功能中,它可以实时显示剩余或已过去的时间。 为了充分利用这款控件,你需要掌握以下几...
该压缩包文件“jquery实现的发送短信验证时间倒计时间隔表格表单特效源码.zip”包含了一个基于jQuery实现的特定功能,即短信验证码发送后的倒计时效果。这个功能在许多网站的注册、登录或找回密码等流程中非常常见,...
JavaScript(简称JS)是一种广泛用于前端开发的轻量级编程语言,它在网页交互和动态效果方面发挥着重要作用。在JS中,计时器是实现时间控制的关键功能,能够帮助开发者实现延迟执行、周期性执行等功能。本篇将深入...
为了实现倒计时数字的更新显示,我们在每次调用setTimeout时,都会将当前的秒数和目标URL作为参数传递给countDown函数。通过这种方式,倒计时数可以在页面上实时更新,直至跳转发生。 需要注意的是,本例中使用的是...
计时器可能负责周期性地滚动时间轴或更新显示的时间段。 在这个实验中,开发者可能探索了如何在 Meteor 中有效地组合这些技术,以实现一个实时更新、用户交互性强的时间管理工具。通过分析项目源代码,我们可以学习...
6. **倒计时机制**:为防止滥用验证码,通常会设置一个倒计时,在用户收到验证码后的一段时间内不可再次请求。这个功能可以通过JavaScript实现,设置定时器,每秒更新按钮状态,直到倒计时结束。 7. **验证码验证**...
总的来说,"count_down"项目是一个很好的学习JavaScript时间处理和前端动态更新的实例,对于提升Web开发技能非常有帮助。通过对这个项目的深入理解和实践,开发者可以更好地掌握JavaScript的动态更新、事件处理和...
1. **倒计时功能**:每秒递减计数器`i`的值,并更新页面上显示的时间。 2. **页面跳转**:当计数器`i`的值达到0时,自动跳转到另一个页面。 3. **循环定时器**:通过不断设置和清除定时器来实现循环效果。 这些技术...
4. **定时器API**:计时器功能需要用到JavaScript的setInterval和clearInterval,来实现定时更新界面和计时结束提醒。 5. **事件处理**:用户交互通常涉及事件监听,如点击事件,通过bindtap等事件绑定函数,实现...
4. "time"类型:倒计时对话框,功能上与"alert"类型类似,但它显示一个倒计时,这个倒计时随着剩余时间减少而动态更新。倒计时结束后,对话框同样消失。 对话框中按钮的动作是通过jQuery的`.click()`方法绑定的事件...