<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript" type="text/javascript">
<!--
//获得当前时间,刻度为一千分一秒
var initializationTime=(new Date()).getTime();
function showLeftTime()
{
var now=new Date();
var year=now.getYear();
var month=now.getMonth();
var day=now.getDate();
var hours=now.getHours();
var minutes=now.getMinutes();
var seconds=now.getSeconds();
document.all.show.innerHTML="当前时间:"+year+"年"+month+"月"+day+"日"+hours+"小时"+minutes+"分"+seconds+"秒";
//设定结束时间
//1秒=1000毫秒
endTime=initializationTime+60000;
//设定并显示剩余时间
var leftTime=endTime-(new Date()).getTime();
if(leftTime>0)
{
document.all.showLeft.innerHTML=leftTime+"微秒后停止!";
}
else
{
clearTimeout(timeID);
document.all.showLeft.innerHTML="TimeOut!";
return false;
}
//一秒刷新一次显示时间
var timeID=setTimeout(showLeftTime,1000);
}
//-->
</script>
</head>
<body onload="showLeftTime()">
<label id="show">这里显示开始时间</label><br>
<label id="showLeft">这里显示剩余时间</label>
</body>
</html>
分享到：
相关推荐
本文档主要讲述了使用javascript实现当前时间和倒计时效果的简洁实例，共分为三个例子，分别是：当前时间的显示、高考倒计时效果和限时抢购效果。这些实例的实现关键是对Date对象和setTimeout的用法。 第一个例子是...
实现语言：html、javascript 实现思路： 1、计算当前时间与目标时间直接之间的差值（毫秒数） 2、将差值计算为对应的天数、小时数、分钟数、秒数，...3、设置定时器，每一秒钟，重新计算赋值一次，实现动态显示的效果
13.28 状态栏动态显示时间 13.29 页面访问时间限制 13.30 显示英文上、下午的时间 13.31 用JavaScript制作的特色时钟 13.32 自定义的日历 13.33 生日提醒器 13.34 时间的倒影 13.35 使用正则表达式验证日期 13.36 ...
13.28 状态栏动态显示时间 13.29 页面访问时间限制 13.30 显示英文上、下午的时间 13.31 用JavaScript制作的特色时钟 13.32 自定义的日历 13.33 生日提醒器 13.34 时间的倒影 13.35 使用正则表达式验证日期 13.36 ...
实例016 动态显示窗口 29 实例017 慢慢放大的窗口 30 实例018 下降式浏览器 32 实例019 旋转的窗口 33 实例020 移动的窗口 34 实例021 震动的窗口 35 实例022 弹出广告窗口 36 1.4 窗口控制 37 实例023 窗口始终在最...
Javascript 可以用来动态地改变网页的内容，如显示当前时间或更新网页的内容。例如，在给定的代码中，我们可以看到一个简单的钟表示例： ```html <div id="txt"></div> ``` 这里，我们使用了 Javascript 语言来获取...
4.12 动态显示访问时间 75 4.13 在指定时间内保存页面 76 4.14 离今天最近的两个星期天 78 4.15 记录在网站停留的时间 79 4.16 带开关的时钟 80 4.17 每天显示一条不同的信息 81 4.18 模拟时钟 82 4.19 英文...
1.9 倒计时载入页面.htm 2.1 页面刷新按钮.htm 2.10 按钮只能单击一次.htm 2.11 防止按钮连击.htm 2.12 图片式按钮.htm 2.13 文字显示在按钮底部.htm 2.14 选择不同的列表项就显示不同的按钮.htm 2.15 使用...
JavaScript用于计算从现在到新年的时间，并动态显示到该时间为止的天，小时，分钟和秒。 请享受。 给我发送任何功能更新建议。 :laptop: 使用的技术 :laptop: :memo: HTML5 :memo: HTML5是一种标记语言，用于...
JavaScript：定义行为和动作 (基于对象和事件驱动的客户端脚本语言；也是一种广泛应用于客户端Web开发的脚本语言) 基于对象：网页中的一切元素都是假象！不需要new，即可直接使用 事件驱动：JavaScript的执行都是...
Javascript测验 概述 这是用HTML，JavaScript和CSS编写的多选JavaScript测验。 测验包括开始按钮，计时器，带有答案按钮的问题，是否答案正确或错误... 循环浏览问题以显示当前问题是第一个大挑战。 我尝试了很多次迭代
jquery倒计时广告 jquery右侧悬浮在线客服代码 jquery坐标图片框裁剪 jquery多功能树插件 jquery实现html5图片上传 jquery小火箭返回顶部 jquery左侧导航滑动网页定位效果 jQuery带进度条和标题左右箭头渐变幻灯片 ...
杜松子酒测验 Javascript支持的多项选择测验 项目目标 创建交互式定时测验 ...计时器开始倒计时 向用户提出问题 用户通过单击多项选择答案来回答问题 警报指示问题是否正确...动态文字和CSS 本地存储计分板 清除按钮功能
Javascript琐事作业＃4-04 Web API：代码测验目录描述工作范围当前的任务是设计一个代码测验，该测验不仅利用JavaScript的动态功能，而且还将用户得分的结果存储在其本地存储中。 向用户显示“开始测验”屏幕。 一旦...
动态调用对象的属性和方法——性能和灵活性兼备的方法 消除由try/catch语句带来的warning 微软的应试题完整版（附答案） 一个时间转换的问题，顺便谈谈搜索技巧 .net中的正则表达式使用高级技巧 （一） C#静态成员和...
它使用了随机数生成器 Math.random() 生成随机数，使用 setTimeout 函数实现计时器功能，并使用 eval 函数实现字符串的动态执行。同时，它还使用了数组和对象来存储游戏的状态和数据。 该脚本实现了植物大战僵尸...
例程1-7：利用JavaScript脚本实现奥运倒计时日历 例程1-8：利用XML、CSS和XSL显示食谱信息 例程1-9：利用标准标记库显示本地化信息 例程1-10：在Web页面中引入版权信息声明 例程1-11：实现带图形码验证的用户登录 ...
实例143 获取系统中的特定日期和时间 171 实例144 比较时间的大小 172 实例145 计算考试时间 173 实例146 倒计时 173 实例147 网页闹钟 174 实例148 计算程序运行时间 176 第3章 Web页面交互 178 3.1 获取表单元素的...
实例143 获取系统中的特定日期和时间 171 实例144 比较时间的大小 172 实例145 计算考试时间 173 实例146 倒计时 173 实例147 网页闹钟 174 实例148 计算程序运行时间 176 第3章 Web页面交互 178 3.1 获取表单元素的...