`

js计时器(timer) 和 js时钟(clock)

阅读更多
记录一下,以防以后用到,搜罗自网络,兼容IE和Firefox。 js 计时器 (timer) ------------------------------------------------------------------------------------------------- html head title Nonove js timer 计时器 /title /head body script langu

记录一下,以防以后用到,搜罗自网络,兼容IE和Firefox。

js 计时器 (timer)
<html>
<head>
<title> Nonove js timer 计时器 </title>
</head>
<body>
<script language="javascript">
var se,m=0,h=0,s=0,ss=1;
function second(){
if((ss%100)==0){s+=1;ss=1;}
if(s>0 && (s%60)==0){m+=1;s=0;}
if(m>0 && (m%60)==0){h+=1;m=0;}
t=h+"时"+m+"分"+s+"秒"+ss+"毫秒";
document.getElementById("showtime").value=t;
ss+=1;
}
function startclock(){se=setInterval("second()",1);}
function pauseclock(){clearInterval(se);}
function stopclock(){clearInterval(se);ss=1;m=h=s=0;}
</script>
<input name="s" type="button" value="开始计时" onclick="startclock()">
<input name="s" type="button" value="暂停计时" onclick="pauseclock()">
<input name="s" type="button" value="停止计时" onclick="stopclock()">

<input name="showtime" style="color:#ff0000;width:200px;" id="showtime" type="text" value="0时0分0秒">
</body>
</html>


js 时钟(clock) 兼容IE和Firefox

<html>
<head>
<title> Nonove js clock 时钟 </title>
<script type="text/javascript">
function Clock() {
var date = new Date();
this.year = date.getFullYear();
this.month = date.getMonth() + 1;
this.date = date.getDate();
this.day = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六")[date.getDay()];
this.hour = date.getHours() < 10 ? "0" + date.getHours() : date.getHours();
this.minute = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
this.second = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();

this.toString = function() {
return "现在是:" + this.year + "年" + this.month + "月" + this.date + "日 " + this.hour + ":" + this.minute + ":" + this.second + " " + this.day;
};

this.toSimpleDate = function() {
return this.year + "-" + this.month + "-" + this.date;
};

this.toDetailDate = function() {
return this.year + "-" + this.month + "-" + this.date + " " + this.hour + ":" + this.minute + ":" + this.second;
};

this.display = function(ele) {
var clock = new Clock();
ele.innerHTML = clock.toString();
window.setTimeout(function() {clock.display(ele);}, 1000);
};
}
</script>
</head>
<body>
<div id="clock" align="center"></div>
<script type="text/javascript">
var clock = new Clock();
clock.display(document.getElementById("clock"));
</script>
</body>
</html>

分享到:
评论

相关推荐

    Responsive-Clock:Res:timer_clock:响应式时钟,秒表和计时器。 三合一。 :watch::alarm_clock:

    :stopwatch: :timer_clock: 响应式时钟,秒表和计时器。 三合一。 :watch: :alarm_clock: 内置 :keyboard: HTML5 CSS3 JavaScript 路线图 :world_map: 请参阅设置为印度标准时间的时钟。 Tha背景令人舒缓,非常...

    TimerClock:NW.js中的countdownstopwatchclock应用程序

    计时器时钟TimerClock是易于使用的倒数/秒表/时钟应用程序特征倒数计时时间倒数倒计时器跑表钟依赖项/库TimerClock运行在并使用下列项目: countdown.js timer.js 引导程序 jQuery的执照根据MIT许可证(MIT)许可。...

    flip-clock:由Polymer制成的翻转时钟,计时器和倒计时

    flip-clock:由Polymer制成的翻转时钟,计时器和倒计时

    virtual-clock:微型库,可配置虚拟时钟

    VirtualClock的时间是使用高分辨率时间数据计算的,这意味着时钟时间不受JavaScript计时器的不精确性,系统时钟漂移或NTP等软件的偏斜影响。 这使其非常适合用于例如图形渲染循环中,在这些循环中,时序不应与软件...

    简单时钟:将精美的时钟与小部件,闹钟,秒表和计时器结合在一起,无广告

    简单时钟 该应用程序具有与计时相关的... 您可以轻松设置计时器以通知某些事件。 您既可以更改其铃声,也可以切换振动。 其他功能包括防止应用程序处于前台状态时使设备进入睡眠状态,或以全屏视图显示一些选项卡。

    peaclock:用于终端的响应式和可自定义的时钟,计时器和秒表

    peaclock:用于终端的响应式和可自定义的时钟,计时器和秒表

    grimoire:片段、脚本和咒语的集合

    countdown_timer : 倒计时直到事件​​计时器 digital_clock : Javascript 驱动的数字时钟 text_counter : 计​​算表单文本字段中的字符数 Typing_animate : 动画文本输入脚本 wysiwyg : 简单的富文本所见即所得...

    Verilog-Utilty-Modules:用Verilog编写的实用程序模块的集合

    包含的模块模块文件伪随机数发生器 线性移位寄存器 七段显示控制器 七段显示编码器 按钮防抖 时钟分频器 专柜 计时器边缘检测 GP脉宽调制器RGB LED脉宽调制器 加法器 键盘解码器小键盘参数化时钟发生器clkGenParam.v...

    300个C51单片机设计proteus仿真源码软件源码.rar

    100000秒以内的计时程序 10秒的秒表 12864LCD图形滚动演示 128X64LED 160128LCD图文演示 1602字符液晶滚动演示程序 1602液晶显示的DS1302实时时钟 16×16点阵(滚动显示) 16×16点阵2(滚动显示) 2io5键盘模拟音量...

    51单片机基础应用设计C语言实例源码仿真300个合集.zip

    100000秒以内的计时程序 10秒的秒表 12864LCD图形滚动演示 128X64LED 160128LCD图文演示 1602字符液晶滚动演示程序 1602液晶显示的DS1302实时时钟 16×16点阵(滚动显示) 16×16点阵2(滚动显示) 2io5键盘模拟音量...

    电子台历的设计与实现.doc

    from wtch sun, spreading clock to present electronic timer, The human continue to research and create record.The actual timing clock circuit DS1302 of small power depletion, which is recommended ...

    微波炉控制器的FPGA实现

    --指示烹调状态,提示计时器开始计数 LD_TEST:OUT STD_LOGIC; --指示数据装载电路载入的用于测试的数据 LD_CLK:OUT STD_LOGIC; --指示数据装载电路载入设置时间数据 DATA:OUT STD_LOGIC_VECTOR(15 DOWNTO 0);--...

    c语言编写单片机技巧

    在应用中,一般是将微处理器装配在专门设计的电路板上,在母板上只保留和嵌入式相关的功能即可,这样可以满足嵌入式系统体积小和功耗低的要求。目前的嵌入式处理器主要包括:PowerPC、Motorola 68000、ARM系列...

    VB编程资源大全(源码 其它3)

    此“跑表”类使用多媒体的定时器而真正提供精确到 1 毫秒的定时(1KB) 629,o024_timer.zip 这是一个VB6编写的数码钟(4KB) 630,o023_clock.zip 指针式的时钟(3KB) 631,o021_viewpw.zip 密码查看器(7...

    VB编程资源大全(源码 其它1)

    此“跑表”类使用多媒体的定时器而真正提供精确到 1 毫秒的定时(1KB) 629,o024_timer.zip 这是一个VB6编写的数码钟(4KB) 630,o023_clock.zip 指针式的时钟(3KB) 631,o021_viewpw.zip 密码查看器(7...

    VB编程资源大全(源码 其它2)

    此“跑表”类使用多媒体的定时器而真正提供精确到 1 毫秒的定时(1KB) 629,o024_timer.zip 这是一个VB6编写的数码钟(4KB) 630,o023_clock.zip 指针式的时钟(3KB) 631,o021_viewpw.zip 密码查看器(7...

    VB编程资源大全(源码 其它4)

    此“跑表”类使用多媒体的定时器而真正提供精确到 1 毫秒的定时(1KB) 629,o024_timer.zip 这是一个VB6编写的数码钟(4KB) 630,o023_clock.zip 指针式的时钟(3KB) 631,o021_viewpw.zip 密码查看器(7...

Global site tag (gtag.js) - Google Analytics