<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将用于计算倒计时、控制广告的显示和隐藏，以及处理用户交互如关闭和重播功能。 1. **倒计时逻辑**： 使用JavaScript的`setInterval()`函数可以实现定时执行某项任务。在广告倒计时中，...
根据给定的文件信息，我们可以深入探讨JS倒计时功能的实现原理与技术要点，以及如何在网页上显示倒计时直至指定时间触发特定事件。 ### JS倒计时功能核心概念 #### 1. **时间获取与计算** JavaScript提供了`Date`...
jQuery倒计时插件FlipTimer是一款为网页设计者和开发者提供的高效工具，它以其独特的日历翻页效果在众多计时器插件中脱颖而出。这款插件基于流行的JavaScript库jQuery构建，旨在为网站添加引人注目的倒计时功能，如...
在滑板上线的场景中，倒计时可以显示距离产品发布或活动开始的剩余时间，这不仅能提醒用户关注特定日期，还可以激发他们尽快进行预订或参与的热情。 其次，“反馈”功能是网页与用户交互的重要环节。这种模板通常...
6. **DOM操作**: 为了更新用户界面上的显示，例如倒计时或者状态提示，程序可能会涉及对DOM（文档对象模型）的修改，如添加、删除或改变元素的属性。 7. **响应式设计**: 如果这个程序考虑了不同设备和屏幕尺寸的...
二是激励自己，警醒自己一定要时刻准备着…… 10、开发时间：2007年8月2日-2008北京奥运整一年倒计时第一天。 11、[Ver 1.1.0.3] <br>玩转校内Ver 1.8.0.1 1、功能完善中…… 2、这个版本对[Ver ...
二是激励自己，警醒自己一定要时刻准备着…… 10、开发时间：2007年8月2日-2008北京奥运整一年倒计时第一天。 11、[Ver 1.1.0.3] <br>玩转校内Ver 1.8.0.1 1、功能完善中…… 2、这个版本对[Ver 1.0....
它们可以在指定的时间后执行函数，常用于创建倒计时、轮播图或自动滚动等特效。需要注意的是，这两个方法的区别在于setTimeout只执行一次，而setInterval会持续执行，因此在使用时要确保适时清除定时器，防止内存...
二是激励自己，警醒自己一定要时刻准备着…… 10、开发时间：2007年8月2日-2008北京奥运整一年倒计时第一天。 11、[Ver 1.1.0.3] <br>玩转校内Ver 1.8.0.1 1、功能完善中…… 2、这个版本对[Ver ...
促销是这款模板的灵魂所在，它通过大字体的特价提示、倒计时计时器等元素，直观明了地传达促销信息。为了引导用户立即采取行动，模板上设置了清晰的购买或预约按钮，让用户可以迅速完成交易。这样直接的促销手段，...