`

网页上适时显示的时间&倒计时

阅读更多
<html>
<head>
<title>网页上适时显示的时间</title>
<meta http-equiv="content-Type" content="text/html;charset=gb2312">
<script language="JavaScript">
var timerID = null;
var timerRunning = false;
function stopclock (){
	if(timerRunning)
		clearTimeout(timerID);
	timerRunning = false;
}
function startclock () {
	stopclock();
	showtime();
}
function showtime () {
	var now = new Date();
	var hours = now.getHours();
	var minutes = now.getMinutes();
	var seconds = now.getSeconds()
	var timeValue = now.getYear()+"年"+(now.getMonth()+1)+"月"+now.getDate()+"日" +((hours >= 12) ? " 下午 " : " 上午 " )
	timeValue += ((hours >12) ? hours -12 :hours)
	timeValue += ((minutes < 10) ? ":0" : ":") + minutes
	timeValue += ((seconds < 10) ? ":0" : ":") + seconds
	document.clock.thetime.value = timeValue;
	timerID = setTimeout("showtime()",1000);
	timerRunning = true;
}
</script>
</head>
<body onload="startclock()">
	<form name="clock">
		<input name="thetime" style="font-size:9pt;border:1px solid #FFFFFF;" size="28">
	</form>
</body>
</html>


网页中常见的10秒倒计时
 var i=10;
 var id=setInterval("fun1()",1000);
 function fun1(){
   if(i==0)
   {
       window.location.href="index.html";
       clearInterval(id);           
   }
   else
   {
       document.getElementById("span1").innerHTML=i;
       i--;
    }
  }
分享到:
评论

相关推荐

    网页版倒计时和正计时的例子

    在网页开发中,倒计时和正计时是常见的功能,尤其在活动预告、考试提醒、限时优惠等场景中不可或缺。这两个概念都是基于JavaScript时间处理技术实现的,因为JavaScript是浏览器端最常用的脚本语言,它能实时更新页面...

    网页计时器(倒计时)

    自己参考网上并随便做的一个网页计时器,曾在学校说客比赛中用到,大家可以随意修改网页时间倒计时、里面设定有时、分、秒,如需修改直接用文本编辑即可;本计时器为倒计时,可随意设定报警提示音,可设置倒数五秒...

    C#的倒计时牌设计,输入倒计时的时间开始倒计时,还有记录功能(2)

    在该事件处理程序中,我们可以更新UI上的倒计时显示,直到时间达到零。为了确保计时的准确性,需要设置Timer的Interval属性为适当的值,例如1000毫秒,表示每秒检查一次。 记录功能的设计则需要用到数据持久化技术...

    K线倒计时指标_倒计时指标_倒计时_K线倒计时指标_k线倒计时_K._

    K线倒计时指标,正如其名,主要功能是在图表上显示当前周期K线的剩余时间。在金融市场中,K线通常代表一段时间内的价格波动情况,如一分钟、五分钟、小时或日线等。每一根K线都有一个固定的时间长度,在这个时间段...

    jquery实现倒计时,支持多行分别无限循环倒计时

    倒计时是网页中常见的动态效果,常见于活动开始时间预告、考试倒计时或定时任务等场景。jQuery实现倒计时的核心在于对Date对象的处理和定时器(setTimeout或setInterval)的使用。以下我们将详细探讨这一过程: 1. ...

    html5输入时间设置倒计时代码

    然而,如果你需要在网页上实现一个倒计时功能,单纯使用HTML5的这个特性是不够的,你需要结合JavaScript或者更具体地说是jQuery等库来实现动态的倒计时效果。 倒计时通常用于事件即将发生的提醒,例如在线考试、...

    倒计时_Clock_倒计时_Clock_K线剩余时间_K线计时_k线倒计时_K._

    在这个案例中,它是实现K线倒计时功能的程序,可以直接安装到MT4平台,提供用户界面,显示在图表上,为交易者提供实时的K线剩余时间信息。 总的来说,"倒计时_Clock"是一个增强交易者市场感知的工具,通过提供K线...

    c#日期时间倒计时

    此外,如果你希望在UI界面上显示倒计时,可以将上面的代码集成到Windows Forms或WPF应用程序中,将时间数据显示在Label或其他控件上。对于Web应用,可以使用JavaScript在客户端进行倒计时,但服务器端的逻辑类似。 ...

    C#开发的倒计时程序源代码,屏幕可实时显示时间

    在本场景中,我们讨论的是一个使用C#编写的倒计时程序,它能够在屏幕上实时显示剩余时间,并且允许用户自定义倒计时的长度。这种程序在各种场合都非常实用,比如会议、考试、活动倒计时等。 C#开发倒计时程序的关键...

    基于django的网页倒计时

    【标题】"基于django的网页倒计时"指的是在Web开发中使用Python的Django框架实现的一种动态显示倒计时的网页功能。这种功能常见于各类活动页面、竞赛报名截止或者线上活动开始前的预告,为用户提供清晰的时间提醒。 ...

    js获取服务端时间并倒计时

    在JavaScript(JS)编程中,实现获取服务器时间并进行倒计时是一项常见的需求,尤其在构建Web应用时。以下是对这个主题的详细说明: 首先,理解服务器时间和客户端时间的概念至关重要。服务器时间是服务器上计算机...

    jQuery多功能网页倒计时插件

    这个插件旨在为网页提供灵活的倒计时功能,包括但不限于手机短信验证码的60秒或120秒倒计时,以及固定日期时间的倒计时。 首先,让我们深入了解一下倒计时插件的基本原理。倒计时通常基于JavaScript的Date对象来...

    javascript 实现网页 倒计时 代码

    在JavaScript中实现网页倒计时是一项常见的任务,尤其在创建活动页面、竞赛倒计时或者定时发布内容等场景中非常实用。本篇文章将详细介绍如何利用JavaScript编写一个网页倒计时功能,并结合提供的`index.html`和`js`...

    Javascript实现商品秒杀倒计时(时间与服务器时间同步)

    总结来看,通过AJAX请求获取服务器时间,计算网络传输耗时以及用户电脑与服务器的时间差,并在这些基础上调整页面倒计时时间,可以实现一个既准确又高效的秒杀倒计时功能。这种方法不仅保证了倒计时的同步性,还尽量...

    60s倒计时_STM32倒计时_STM32倒计时_倒计时_complex1wz

    2. 更新显示:根据倒计时的剩余时间,更新显示屏上的相应位置。 3. 控制命令:可能需要发送清屏、定位光标等控制命令。 总的来说,实现STM32的60秒倒计时功能,需要掌握定时器配置、中断处理、串行通信以及显示屏...

    js可以自动设置结束时间的倒计时

    用js实现根据不同情况自动设置,结束时间的网页倒计时代码程序。

    Rainmeter倒计时插件

    而"Rainmeter倒计时插件"则是Rainmeter众多功能扩展中的一种,专用于在桌面上创建倒计时计时器,帮助用户追踪重要的日期或事件。 倒计时插件通常包含以下几个核心组成部分: 1. **界面设计**:Rainmeter插件的一大...

    miaobiao.rar_倒计时_倒计时 键盘_倒计时秒表_实现99.9s_秒表

    (1) 倒计时:通过小键盘可以实现设定计时时间(以秒为单位,最大计时时间为99.9秒)。通过键盘实现计时开始、计时结束。当所设定的倒计时间到达00.0S后,自动停止倒计时,同时响铃。 (2) 顺计时:初始值为00.0S...

    比赛倒计时2.0《大字体显示比赛倒计时器PRO》是一款简洁实用的倒计时软件.rar

    【倒计时计时器】是一个简单易用的网页应用,可以帮助用户进行倒计时计时的操作。以下是升级后的内容:1. 新增暂停功能:现在可以在倒计时进行中暂停计时,再次点击开始按钮可以继续计时。2. 添加全屏显示按钮:在...

    倒计时.zip

    这个"倒计时.zip"压缩包文件可能包含了一个倒计时样式的模板,适用于创建具有视觉吸引力和功能性的时间显示模块。下面我们将详细探讨倒计时样式模板的设计、实现原理以及相关技术点。 首先,倒计时样式模板设计通常...

Global site tag (gtag.js) - Google Analytics