chelsi916 2011-03-04 18:10
浏览 214
已采纳

js小时钟

<html>
<head>
<script type="text/javascript">
function startTime() {
var today = new Date()
var h = today.getHours()
var m = today.getMinutes()
var s = today.getSeconds()
// add a zero in front of numbers<10
m = checkTime(m)
s = checkTime(s)
document.getElementById('txt').innerHTML = h + ":" + m + ":" + s
t = setTimeout('startTime()', 500)
}

function checkTime(i) {
if (i < 10) {
i = "0" + i
}
return i
}
</script>
</head>

<body onload="startTime()">
<div id="txt"></div>
</body>
</html>
这是一个js写的时钟，有些地方看不懂，能帮我解释下吗？谢谢

  • 写回答

3条回答 默认 最新

  • xiaobudian8611 2011-03-05 10:38
    关注


    function startTime() { var today = new Date() //得到当前时间对象 var h = today.getHours() //现在的小时数 var m = today.getMinutes() //现在的分钟数 var s = today.getSeconds() //现在的描述 // add a zero in front of numbers<10 --将小于10的数值钱前加上0 m = checkTime(m) //调用下面的方法--作用:将12:3:4变成12:03:04 s = checkTime(s) document.getElementById('txt').innerHTML = h + ":" + m + ":" + s //在<div id="txt"></div> 上显示时间 t = setTimeout('startTime()', 500) //js的一个计时器..setTimeOut()两个参数1：要执行的方法..2：间隔的时间(毫秒为单位)1000ms=1s } function checkTime(i) { //将小于10的数值前面加上0 if (i < 10) { i = "0" + i } return i }

    <!--该文件加载时执行startTime()方法-->
    <!--显示时间的位置-->

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题？

  • 基于web前端时钟插件
    2024-10-06 14:32
    基于web前端时钟插件的开发，主要涉及JavaScript编程语言的应用，其核心在于利用JavaScript的日期和时间对象功能来实现时钟的动态更新。 在实现web前端时钟插件的过程中，开发者首先需要掌握JavaScript的基础语法和...
  • 【前端动效】js动态时钟效果
    2025-01-11 21:43
    借来一夜星光的博客 以上内容解释了如何精确计算指针的旋转角度、以及确保指针图片的中心对齐。最后实现了视觉效果良好的动态时钟。时、分、秒以及表盘的图片资源放在了下方，如有需要可点击下载。
  • web前端人形时钟
    2017-09-11 22:46
    【标题】"Web前端人形时钟"是一个利用JavaScript（js）和Flash技术构建的创新时钟展示形式，它在网页上以独特的人形姿态显示时间，为用户提供了视觉上的新颖体验。这种设计通常用于吸引用户的注意力，同时也能提供...
  • 前端-js例子：时钟
    2024-09-19 00:22
    Lojarro的博客 toLocaleDateString() 是个方法，是获取日期的toLocaleTimeString() 获取时间toLocaleString() 获取日期加时间。
  • node.js时钟案例
    2022-04-13 21:12
    总结来说，"node.js时钟案例"是一个综合性的项目，涉及到Node.js服务器端编程、HTML和CSS的处理、JavaScript的执行以及前端交互设计。通过学习和实践这个案例，开发者可以加深对Node.js、前端技术和动态Web页面构建...
  • 抖音炫酷时钟前端源码.zip
    2020-07-02 01:44
    【抖音炫酷时钟前端源码.zip】是一个包含有炫酷特效的时钟应用，它以抖音风格设计，能够实时显示当前时间，并且具有动态轮盘式的转动效果，为用户的电脑桌面增添了一份科技感和趣味性。这个项目是前端开发的成果，...
  • javascript原生实现前端页面中的数码时钟效果例子
    2018-12-10 00:18
    在前端开发中，创建动态的、实时更新的时钟效果是一项常见的需求，特别是在构建...通过理解并实践这些代码，你可以熟练掌握JavaScript在前端页面中实现动态时钟和倒计时的方法，这对于前端开发者来说是一项重要的技能。
  • 番茄时钟.zip微信小程序模板源码纯前端静态小程序源码
    2022-02-23 21:44
    【标题】中的“番茄时钟.zip微信小程序模板源码纯前端静态小程序源码”表明这是一个关于微信小程序开发的资源，具体来说是一个名为“番茄时钟”的应用模板，且该模板完全基于前端技术实现，不涉及后端服务器。...
  • 抖音动态时钟前端源码.zip
    2019-12-17 12:08
    这款应用的前端源码包含HTML、CSS和JavaScript三个主要部分，每个部分都在实现动态时钟功能中扮演着至关重要的角色。 HTML（HyperText Markup Language）文件，即“动态时钟壁纸前端源码.html”，是网页的基础结构...
  • 画布：时钟.zip微信小程序模板源码纯前端静态小程序源码
    2022-02-23 22:16
    总的来说，这个“画布：时钟”微信小程序模板结合了前端开发的多个核心技能，包括HTML5 Canvas的图形绘制、JavaScript的时间处理和动画制作，以及微信小程序特有的API应用。对于初学者来说，它是理解小程序开发和...
  • 没有解决我的问题, 去提问