<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>
<% Response.CodePage=65001%>
<% Response.Charset="UTF-8" %>
<span id="endtime">60</span>
<script type="text/javascript">
var CID = "endtime";
if(window.CID != null)
{
var iTime = document.getElementById(CID).innerText;
var Account;
RemainTime();
}
function RemainTime()
{
var iDay,iHour,iMinute,iSecond;
var sDay="",sHour="",sMinute="",sSecond="",sTime="";
if (iTime >= 0)
{
iDay = parseInt(iTime/24/3600);
if (iDay > 0)
{
sDay = iDay + "天";
}
iHour = parseInt((iTime/3600)%24);
if (iHour > 0){
sHour = iHour + "小时";
}
iMinute = parseInt((iTime/60)%60);
if (iMinute > 0){
sMinute = iMinute + "分钟";
}
iSecond = parseInt(iTime%60);
if (iSecond >= 0){
sSecond = iSecond + "秒";
}
if ((sDay=="")&&(sHour=="")){
sTime="<span style='color:darkorange'>" + sMinute+sSecond + "</font>";
}
else
{
sTime=sDay+sHour+sMinute+sSecond;
}
if(iTime==0){
clearTimeout(Account);
sTime="<span style='color:green'>时间到了!</span>";
}
else
{
Account = setTimeout("RemainTime()",1000);
}
iTime=iTime-1;
}
else
{
sTime="<span style='color:red'>倒计时结束!</span>";
}
document.getElementById(CID).innerHTML = sTime;
}
</script>
</body>
</html>
分享到:
相关推荐
6. **多个倒计时管理**:如果页面上存在多个倒计时,我们需要维护一个数组或者对象来分别管理每个倒计时的状态,确保每个倒计时都能正确显示并独立更新。 7. **用户体验优化**:为了提供良好的用户体验,倒计时的...
- 如果页面上有多个倒计时,需要在后端一次性处理多个活动的剩余时间计算,可以将所有活动ID一并传给服务器,然后返回一个包含所有活动剩余时间的集合。 - 前端JavaScript接收到数据后,遍历集合,分别更新对应的...
倒计时(Countdown)是指从一个特定的未来时间开始,逐步减少到零的过程。在这个例子中,我们可能会遇到的问题是如何确保天数可以正确显示,即使它是三位数。在JavaScript中,我们可以使用Date对象来计算两个日期...
如果是网页应用,可以创建一个定时器(`setInterval`函数)每隔一段时间就请求服务器更新倒计时状态。 ```javascript function updateCountdown() { // 使用Ajax请求获取服务器上的倒计时数据 $.ajax({ url: '...
本实例代码着重讲解如何在C#中实现一个简单的倒计时功能。 首先,我们需要了解C#中处理时间的基本概念。`DateTime`类是C#中用于表示日期和时间的内置类型,我们可以用它来存储当前时间或设定特定的日期和时间。`...
- **表单元素**:`<form name=form1><input size=9 name=timespent></form>`,创建了一个简单的表单,其中包含一个文本框用于显示倒计时的时间。 ### 4. 综合应用 整个JSP页面通过上述的组合,实现了以下功能: - ...
<title>JS倒计时例子 <script src="time.js" defer></script> 倒计时将在页面加载后显示 这是另一个倒计时实例 ``` 在这个HTML文档中,我们有两个带有ID的`<div>`元素:`countdown1` 和 `countdown2`,这两...
"php + js倒计时刷新页面"是一个典型的前后端结合的应用场景,它利用PHP作为服务器端语言处理时间计算和逻辑,而JavaScript则在客户端实现动态更新倒计时并刷新页面的效果。下面将详细介绍这一技术实现的关键知识点...
在JavaScript中实现网页倒计时是一项常见的任务,尤其在创建活动页面、竞赛倒计时或者定时发布内容等场景中非常实用。本篇文章将详细介绍如何利用JavaScript编写一个网页倒计时功能,并结合提供的`index.html`和`js`...
一个"漂亮的倒计时跳转404页面"不仅提升了用户体验,还能引导用户回到网站的其他部分,减少跳出率。在这个场景下,我们讨论的是如何创建这样一个功能丰富的404页面。 首先,404页面的设计应该吸引人且具有品牌一致...
标题 "html JavaScript js倒计时跳转页面" 涉及到的是网页开发中的一个常见功能,即在特定时间后自动跳转至另一个页面。这个功能通常由JavaScript实现,配合HTML来显示倒计时效果。JavaScript是一种轻量级的解释型...
本项目是一个基于jQuery和JSP实现的倒计时页面,简单易用,只需将其部署到Tomcat服务器上即可运行。 jQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互。在这个倒计时页面中...
在这个"HTML 5秒倒计时跳转指定网站源码.zip"压缩包中,包含了一个简单的HTML页面,用于实现5秒倒计时后自动跳转到预设的网站。这个功能在很多场景下都很实用,比如作为404错误页面,引导用户前往正确的站点。 首先...
本文将详细介绍如何利用JavaScript结合JQuery来实现一个简单的网页倒计时,并在倒计时结束后自动跳转到另一个页面。 #### 一、HTML结构定义 首先,我们需要定义一个基本的HTML结构,用于显示倒计时数字: ```html...
这个例子中,我们定义了一个`countdown`函数,它接受一个目标日期作为参数,然后按照上述步骤计算并显示倒计时。通过`setInterval`,我们每隔1000毫秒(即1秒)调用一次`countdown`函数,实时更新倒计时的显示。 在...
这个"倒计时例子"提供了一个简单易用的日历倒计时解决方案。本文将深入解析这个例子,帮助你理解和掌握如何使用JavaScript实现日历倒计时。 首先,我们需要了解JavaScript作为前端开发的主要语言,它的强大之处在于...
为了测试这个功能,你可以创建一个HTML页面,引入jQuery库和你的JavaScript代码,然后设置两个元素(例如`<span>`或`<div>`)作为倒计时显示的容器。压缩包中的`time_test`文件可能包含了这样的测试页面和相关脚本,...
在这个例子中,我们定义了一个名为`countdown`的函数,它接收一个目标日期字符串作为参数,然后计算并显示剩余的倒计时。需要注意的是,这个示例并未使用`setInterval`来实现实时更新,因此要实现动态效果,还需要在...
对于页面上多个倒计时的情况,我们可以定义一个函数,接受目标日期和对应的DOM元素作为参数。这样,我们可以在页面加载时为每个倒计时实例调用该函数,确保每个都有独立的计时器和更新逻辑。 以下是一个简单的示例...
而"under_construction"可能是一个“正在建设中”的页面模板,通常在网站未完成时展示,告知访问者网站正在更新或维护,同时可以设置一个倒计时来预告网站上线的时间。 总的来说,结合模板设计和jQuery倒计时,我们...