第一种在html中body里的元素中，加点击事件onclick=“alert”第二种在html中head里加入ltscriptfunctionmethodarertltscriptonclik=“method”事件中调用方法第三种在js文件中加入functionmethodarertonclik=“method”事件中调用注通过html页面中lthead标。

*设置定时器每隔1秒1000毫秒，调用函数disptime执行，刷新时钟显示* var myTime = setTimeoutquotdisptimequot，1000 ltSCRIPT ltINPUT name=quotmyclockquot type=quottextquot value=quotquot size=quot15quot ltbodylthtml 这个是可以实现楼主想要的结果因为只是给楼主一个例子所以页面。

1 抖音时钟原生JS文字钟源码特别说明适合编程学习者参考，对大家有帮助2 抖音时钟数字罗盘源码说明附带优质特效和html前端基础教学材料，可用于制作引导页背景3 抖音时钟数字罗盘源码代码说明分享JavaScript实现罗盘时钟的具体代码，帮助读者了解并实践代码实现分为三部分HTMLJS和CSS下。

ltscript src=quotscriptsjsquotltscript ltbody lthtml 创建CSS文件在Dreamweaver中新建一个CSS文件，并保存为stylescss，然后输入以下CSS代码以美化时钟css复制代码 body display flexjustifycontent centeralignitems centerheight 100vhfontfamily Arial， sansserif clock。

绘制时钟 function draw var radius=Mathmincanvaswidth 2， canvasheight 2 25时钟罗盘半径 var centerx=canvaswidth2时钟中心横坐标 var centery=canvasheight2时钟中心纵坐标 contextclearRect0，0，canvaswidth，canvasheight擦除之前所绘时钟 context。

1打开Dreamweaver新建一个html网页2切换到代码视图，在ltheadlthead标签里，lttitlelttitle标签后面输入JavaScript标签 ltscript type=quottextjavascriptquotltscript 3在script标签里定义一个time函数 function time thistime=new Date 创建一个对象 var hours=。

1 假设你下载下来的MY97控件的文件夹名字是My97DatePicker，然后把这个文件夹放到网站根目录里2 在需要调用控件的页面该页面与My97DatePicker文件夹在同级目录下的ltheadlthead中间加入引用ltscript type=quottextjavascriptquot src=quotMy97DatePickerWdatePickerjsquotltscript，在你这个页面效果如下。

在Vue页面中集成显示时钟，你可以通过使用第三方时钟组件库达到目的举例来说，Vuejs时钟组件库如vueclock，提供了便捷的集成方式若偏好自定义设计，可利用HTML和CSS创建基本时钟界面使用元素及CSS样式模拟时钟指针与数字，实现个性化风格结合HTMLCSS与JavaScript，可实现动态时间更新通过调用set。

要在JSP网页中显示实时时间莫过于两种方式第一种通过在jsp里面通过JAVA脚本来做，但是JAVA脚本生成的时间经过编译后生成html之后就固定了，只有下次刷新页面的时候才会重新编译生成新的时间估计这种方式不是你想要第一种方式一般用于后台某个行为的固定时间才这么做比如用户注册的时间，上次登录。

#39，#39lt？=date#39s#39？#39这样JS里就有一个t的时间了你再documentwritet就可以看到服务器端的时间了如果你要一秒一秒跳动的，就需要一个一秒钟改变一次的函数，我随便写了个function timer t=new DatetgetTime+1000documentgetElementByIdquottimequotinnerHTML=t。

这时调整素材的位置，让时针分针秒针在同一原点上这儿是最重要的一步，需要将秒针的锚点设置在原点上然后打开秒针的效果设置在旋转效果上打关键帧ae 怎样用html和css做时钟的转动效果 css有个animation可以实现动画，仅仅是动起来，没法实现实时与系统对时需要js60秒跳动60次旋转360度可以使用。

function judgFailTime var x = quot20100928 142526quot 取得的TextBox中的时间 var time = new Datexreplacequotquot，quotquotvar b = 20 分钟数 timesetMinutestimegetMinutes + b， timegetSeconds， 0alerttime 一时间加减，日期加减，年月日加减一。

JS代码如下获取上下文文档对象 var clock = documentgetElementById#39clock#39 var cxt = clockgetContext#392d#39 画指针 function drawPointerwidth， color， value， angle， startx， starty， endx， endy cxtsave 先保存当前画布 cxtlineWidth = width。

很简单需要改两个地方 1把DIV去掉，改成ltinput id=quottxtquot type=quotsubmitquot name=quotSubmitquot value=quotquot 2把JS里documentgetElementById#39txt#39innerHTML=h+quotquot+m+quotquot+s 这句改成 documentgetElementById#39txt#39value=h+quotquot+m+quotquot+s 就可以了。

22 JS交互控制 实现JS交互控制，通过事件监听器实现向上或向下翻牌的功能，简化代码结构3 翻牌时钟的实现 31 HTML构建与CSS样式 构建翻牌时钟的HTML结构与CSS样式，结合前文实现的翻牌功能，实现时间显示与翻牌动画32 构建Flipper类 封装Flipper类，实现翻牌的统一控制，简化代码管理33 实现。

clockclock1Darkswf 是一个有趣的选项，这个数字时钟采用了暗色调设计，适合夜间使用这些数字时钟FLASH。