`
hbhgjiangkun
  • 浏览: 95966 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

一个页面倒计时的例子

阅读更多

<%@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>

分享到:
评论

相关推荐

    android实现倒计时

    利用android来实现倒计时的功能的例子

    jQuery简单倒计时效果完整示例

    主要介绍了jQuery简单倒计时效果,结合完整实例形式分析了jQuery针对日期与时间的计算与页面元素动态操作相关技巧,需要的朋友可以参考下

    vue实现验证码按钮倒计时功能

    想使用vue写一个小例子,就选择做验证码按钮倒计时功能。  上网上搜了一下,也把他们的代码试了一下,自己出了很多问题。所以,需要写一篇基础入门的文章,避免后面人采坑。  这是按照网上写的HTML页面 &lt...

    js防刷新的倒计时代码 js倒计时代码

    最近在维护考试系统,在进行考试测试时无意中点击了刷新按钮,但是上面的倒计时并没有受到影响,同时在几篇博客中也有这样的例子,所以我想看看它到底是怎样防止刷新的。 如果是用cs代码写,我们可能会很快的写出来...

    javascript原生实现前端页面中的数码时钟效果例子

    数码时钟——前端页面中倒计时以及数字时钟的效果非常常见,本资源利用javascript原生实现前端页面中的数码时钟效果

    swiper自定义分页器——时间轴

    将swiper的分页器pagination自定义成时间轴。滑动页面时,时间轴的相应时间会被选中。只是提供一个思路,也可仿照例子自己设计属于自己的分页器样式。

    jQuery实现倒计时跳转的例子

    实现代码: 代码如下:&lt;... &lt;head&gt; &lt;... &lt;title&gt;跳转页面&lt;/title&gt; [removed][removed] [removed]&lt;!– $(document).ready(function() { function jump(count) { window.setTim

    在django中实现页面倒数几秒后自动跳转的例子

    例如:实现一个页面简单的注册,然后注册成功后倒计时自动跳转到登录页面。 # 注册页面 def register(request): return render(request,"register.html") # 点击注册 def doregister(request): # 获得用户输入的...

    C#实现连连看小游戏

    本文是利用C#实现连连看的小例子,以供学习分享使用。 思路: 初始化布局(横竖十行十列,共100个单元格,每一个格一个按钮,背景图为水果图片,随机生成) 。 初始化对应棋盘(用二维...时间限制,采用倒计时方式。

    javaScript实例自学手册486例,附带目录可方便搜索

    1.9 倒计时载入页面.htm 2.1 页面刷新按钮.htm 2.10 按钮只能单击一次.htm 2.11 防止按钮连击.htm 2.12 图片式按钮.htm 2.13 文字显示在按钮底部.htm 2.14 选择不同的列表项就显示不同的按钮.htm 2.15 使用...

    javascript大全---个人认为是很全了

    倒计时.htm 倒计时2.htm 导 航 条下拉 式 菜 单.htm 动态导航菜单.htm 分时问候.htm 滚动图片效果.htm 计算是否是闰年.htm 加载页面时开 启 新 窗 口.htm 禁用鼠标右键.htm 科学计算器.htm 可拖动的图片.htm 可以...

    安卓移动应用开发,Kotlin实现购物商城

    注册页面,输入手机号后,获取验证码(只是例子),按钮倒计时60s后可再次获取,注册时会检查手机号是否可用。 1.3 首页 首页包含banner、搜索栏、溢出菜单和推荐商品瀑布流式列表,主要使用ToolBar、第三方banner...

    学生管理系统(jsp+SQL Server)

    这是一个功能较全的学生管理系统,里面不仅附有完整的源代码和SQL Server数据库,还整理了一些学习的课外资料,如动态状态栏、弹出窗口、连续滚动的图片、禁止图下载、页面跳转的创新、倒计时等等!对无论是新手还是...

    easy-countdown

    轻松倒数简易倒数是一个易于设置的倒数页面。 可以设置为倒计时或计时器设置使用docker(推荐) 如果您使用docker-compose.yml ,只需编辑docker-compose.yml文件,使其适合您的需求变数定义例子TIMER_BACKGROUND ...

    p5js:p5js用于播放,教学和实验的所有内容!

    一些有趣的例子 颜色 :探索2D和3D中的RGB颜色空间 声音 :实时处理麦克风输入并显示滚动波形和各种频率的可视化(频谱图,频谱图) 佩林噪声 :在滚动图随机与进行比较 :探索2D中的Perlin噪声 向量 角度浏览器...

    .net调用语音短信接口源码 v1.1.rar

    .net调用语音短信接口源码是一个以.net进行开发的手机语音短信验证接口。 1.获取语音验证码后的倒计时功能的实现。 2.以上先加上图片验证码,然后才可以获取手机验证码,主要是为了防止有些软件恶意获取手机号给它...

    C# 实现连连看功能(推荐)

    初始化布局(横竖十行十列,共100个单元格,每一个格一个按钮,背景图为水果图片,随机生成) 。 初始化对应棋盘(用二维数组表示【0表示空白,非0表示界面对象】)和页面相对应,同步操作。 判断点击的图片是否可以...

    asp.net知识库

    一个XSLT的简单例子 XSLXSLT板主题整理 xsl入门的好文章 新手学习XSL的好东西 XSL语法介绍 XSL学习心得 - 调用属性值 XSLT与XML转换的详细介绍 功能应用 读写搜索 基础教程 RSS Web2.0时代,RSS你会用了吗?(技术...

    javascript函数的解释

    第一步:倒计时 我们先设定一个初始时间值6秒:var t=6; 然后每过一秒t-1; 定义一定计时函数time2()和停止计时改变按钮属性函数time3(); function time2() { t=t-1; if(t){setTimeout('time3()',1);} else{ ...

    wxapp-components:微信小程序的组件库

    目前正在公司搬砖中,有兴趣的给个star关注下哈~~已完成calendar(日历组件)card (跳转卡片)cell (小列表)chuntdown (倒计时组件)loading (加载动画)mask (遮幕组件)notification (状态页面组件)panel (菜单面板)...

Global site tag (gtag.js) - Google Analytics