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

最新推荐文章于 2023-03-27 06:09:26 发布

编程小强

最新推荐文章于 2023-03-27 06:09:26 发布

阅读量2.6k

点赞数

分类专栏： Javascript 文章标签： timer function firefox html ie 网络

Javascript 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

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

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

js 计时器 (timer)

Html代码

<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代码

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

编程小强

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
js计时器(timer) 和 js时钟(clock)

记录一下，以防以后用到，搜罗自网络，兼容IE和Firefox。 js 计时器 (timer) ------------------------------------------------------------------------------------------------- html head title Nonove js timer 计时器 /title /head body s
复制链接

扫一扫

专栏目录