一个简洁的时钟的jsp（可以直接用）

最新推荐文章于 2018-10-10 10:58:31 发布

浴火涅磐

最新推荐文章于 2018-10-10 10:58:31 发布

阅读量1.5k

点赞数

分类专栏： webjava 文章标签： jsp div function timer c javascript

本文链接：https://blog.csdn.net/shihuaxian/article/details/4208865

版权

这个博客展示了如何使用JSP、JavaScript和CSS创建一个简单的网页时钟。通过定义div元素和JavaScript函数，实现了时钟的动态显示，包括小时、分钟和秒针的转动效果。页面加载时自动启动定时器，每100毫秒更新一次时间。

摘要由CSDN通过智能技术生成

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Insert title here</title>

<SCRIPT language=javascript>
<!--
pX=400;pY=200
obs = new Array(13)
function ob () {
for (i=0; i<13; i++) {
    if (document.all) obs[i]=new Array (eval('ob'+i).style,-100,-100)
    else obs[i] = new Array (eval('document.ob'+i),-100,-100)
    }
}
function cl(a,b,c){
    if (document.all) {
        if (a!=0) b+=-1
        eval('c'+a+'.style.pixelTop='+(pY+(c)))
        eval('c'+a+'.style.pixelLeft='+(pX+(b)))
        }
else{
    if (a!=0) b+=10
    eval('document.c'+a+'.top='+(pY+(c)))
    eval('document.c'+a+'.left='+(pX+(b)))
}
if (document.all) c0.style.pixelLeft=26
}

function runClock() {
    for (i=0; i<13; i++) {
        obs[i][0].left=obs[i][1]+pX
        obs[i][0].top=obs[i][2]+pY
    }
}

var lastsec
function timer() {
    time