状态栏时间显示效果数字钟

时间：2021-06-15 09:16:51|栏目：JavaScript代码|点击：次

<HTML> <HEAD> <TITLE>状态栏显示时间――数字钟</TITLE> <META content="text/html; charset=gb2312" http-equiv=Content-Type> <SCRIPT language=JavaScript> var timerID = null; var timerRunning = false; function stopclock (){ if(timerRunning) clearTimeout(timerID); timerRunning = false; } function showtime () { var now = new Date(); var hours = now.getHours(); var minutes = now.getMinutes(); var seconds = now.getSeconds() var timeValue = " " + ((hours >12) ? hours -12 :hours) timeValue += ((minutes < 10) ? ":0" : ":") + minutes timeValue += ((seconds < 10) ? ":0" : ":") + seconds timeValue += (hours >= 12) ? " pm" : "am" window.status = timeValue; document.title = timeValue; timerID = setTimeout("showtime()",1000); timerRunning = true; } function startclock () { stopclock(); showtime(); } window.onload=startclock </SCRIPT> <style> body { font-family: Tahoma; font-size: 9pt; color: #FFFFFF } </style> </HEAD> <BODY bgColor=#336699 id=all text=#000000 topmargin="0" leftmargin="0"> <div style="width: 65; height: 19; position: absolute; left: 20; bottom:0">请看状态栏:</div> </BODY> </HTML>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

上一篇：微信小程序前端源码逻辑和工作流

栏目：JavaScript代码

下一篇：JavaScript定义数组的三种方法(new Array(),new Array('x','y')

本文标题：状态栏时间显示效果数字钟

本文地址：http://www.codeinn.net/misctech/142522.html

更多JavaScript代码

JavaScript代码

状态栏时间显示效果数字钟

阅读排行

推荐教程

JavaScript代码

状态栏 时间显示效果 数字钟

阅读排行

推荐教程

状态栏时间显示效果数字钟