Javascript版时钟
共享一段 Javascript 版时钟代码:
[javascript]
<!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=utf-8" />
<title>Javascript版时钟</title>
<script>
var oInterval="";
function fnRecycle(){
var oDate=new Date();
var sSwitch="AM";//上午
var iHours=oDate.getHours();
if(iHours>12){
iHours-=12;
sSwitch="PM";//下午
}
var sMinutes=oDate.getMinutes() + "";
if(sMinutes.length==1){
sMinutes="0" + sMinutes;
}
var sSeconds=oDate.getSeconds() + "";
if(sSeconds.length==1){
sSeconds="0" + sSeconds;
}
oTimer.innerHTML=iHours + ":" + sMinutes + ":" + sSeconds + " " + sSwitch;
}
function window_onload() {
if(oInterval==""){
oInterval=window.setInterval("fnRecycle()",1000);
}
}
</script>
</head>
<body language="javascript" onload="return window_onload()">
<!-- 页面调用 -->
Javascript版时钟:<span id="oTimer" ></span>
</body>
</html>
Over!!!
摘自 SongYanJun2011
相关新闻>>
- Javascript 兼容 IE6、IE7、FF 的“加入收藏”“设为首页”
- 好好学一遍JavaScript 笔记(一)——基础中的基础
- 好好学一遍JavaScript 笔记(二)——encode、数组、对象创建
- 好好学一遍JavaScript 笔记(三)——StringBuffer、prototype
- 好好学一遍javaScript 笔记(四)——Attribute、HTML元素、文档碎
- 好好学一遍JavaScript 笔记(五)——正则表达式基础
- 好好学一遍JavaScript 笔记(六)——正则表达式基础二
- 好好学一遍JavaScript 笔记(七)——RegExp对象与常用正则
- 好好学一遍JavaScript 笔记(八)——冒泡型事件、捕获型事件
- JavaScript详解
- 发表评论
-
- 最新评论 更多>>