用JS写一个时钟_51CTO博客_js 时钟

用JS写一个时钟

关注 houzaicunsky

用JS写一个时钟

原创

houzaicunsky 2012-08-31 13:56:20 博主文章分类：前端 ©著作权

文章标签 html 时钟 文章分类 前端开发

©著作权归作者所有：来自51CTO博客作者houzaicunsky的原创作品，请联系作者获取转载授权，否则将追究法律责任
 
<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>
 
  • 赞
  • 收藏
  • 评论
  • 分享
  • 举报

上一篇：30个最常用css选择器解析

下一篇：Apache支持ASP

提问和评论都可以，用心的回复会被更多人看到 评论
发布评论
全部评论 () 最热 最新
相关文章
  • 用Java写一个生日祝福

    用Java写一个生日祝福
    System Image 抽象类
  • 用servlet写一个web的helloworld程序

    我们看到在spring MVC中许多地方也是基于servlet程序的机制，虽然spring框架更强大，但是理解了servlet工作机制后会更容易理解springservlet比spring MVC简单，只需要配置一个web.xml文件就可以了<?xml version="1.0" encoding="UTF-8"?><web-app xmlns="http://xmlns.jc
    xml java spring
  • 用C++写一个贪吃蛇程序

    1. 引言什么是贪吃蛇？贪吃蛇（Snake）是一款经典的街机游戏，玩家通过控制蛇的移动方向来吃食物，每吃一个食物，蛇的长度会增加，游戏难度也会逐渐提高。玩家需要避免碰到墙壁或蛇自己的身体，游戏结束。项目目标本项目旨在通过C++编写一个基本的贪吃蛇游戏，通过这一过程，掌握基本的游戏开发技能，包括窗口管理、用户输入、界面渲染和游戏逻辑处理。2. 开发环境设置安装必要的软件C++编译器：建议使用GCC或
    i++ #include 贪吃蛇
  • java 写一个时钟

    # Java编写一个时钟## 引言在这篇文章中，我将向你介绍如何使用Java编写一个简单的时钟。这个时钟能够显示当前的时间，并且每隔一秒钟更新一次。作为一名经验丰富的开发者，我将引导你一步一步地完成这个任务。首先，我将向你展示整个过程的流程图，然后详细说明每个步骤需要做什么，以及用到的代码和注释。## 流程图```flowst=>start: 开始op1=>operatio
    java ide Java
  • 用原生 js 写一个

    最近在知乎上看到 @方应杭用 vue 写了一个会动的简历，觉得挺好玩的，研究一下其实现思路，决定试试用原生 js 来实现。
    HTML JavaScript ECMAScript 6 Webpack html
  • 用 JS 写一个 JS 解释器

    前端与编译原理——用JS写一个JS解释器 github
    编译原理 github
  • 用线程实现一个时钟

    import java.awt.Color;import java.awt.Font; import java.awt.Graphics; import java.text.SimpleDateFormat; import java.util.Date; import javax.swing.*; public class Clock extends JPanel implements Runna
    java 代码 线程 时钟
  • 用matlab绘制一个时钟

    话不多说，直接上干货hfig=figure('visible','off');set(hfig,'NumberTitle','off');set(hfig,'name','My Clock');set(hfig,'MenuBar','none');set(hfig,'color',[0.5 0.7 0.3]);set(hfig,'visible','on');A=linspace(
    matlab matlab 时钟
  • 用Java语言做一个时钟

    # 用Java语言实现一个时钟## 概述时钟是我们日常生活中经常使用的工具，它可以帮助我们追踪时间和计时。在这篇文章中，我们将使用Java语言来实现一个简单的时钟程序。我们将使用Java的GUI库Swing来创建时钟的图形界面，并使用Java的时间库来获取当前时间。## 准备工作在开始编写代码之前，我们需要确保已经安装了Java开发环境（JDK）。可以从Oracle的官方网站下载并
    Java java 获取当前时间
  • 用python做一个罗盘时钟

    # 用 Python 制作罗盘时钟在现代编程中，Python 以其简洁易用和强大的图形处理能力，成为了非常受欢迎的开发语言。在本文中，我们将探讨如何使用 Python 创建一个简单的罗盘时钟。罗盘时钟结合了方向指示和时间显示，从而提供了一种不一样的时钟体验。## 项目概述### 需求分析创建一个罗盘时钟的基本需求包括：1. **罗盘显示**：用图形展示北、南、西、东四个方向。2
    Python 甘特图 2d
  • 用js写一个区块链的原型

    Hash主要是用于消息摘要和签名。开发中经常使用的MD5和SHA都是历史悠久的Hash算法。特点从hash值不可以反向推导出原始的数据输入数据的微小变化会得到完全不同的hash值相同的数据会得到相同的值执行效率要高效，长的文本也能快速地计算出哈希值hash算法的冲突概率要小用md5做个测试~ md5 -s "hello World"MD5 ("hello World") = 39d11ab1c3c
    数据 区块链
  • 纯js用axios写一个文件上传

    # 纯JS用axios写一个文件上传## 1. 简介在Web开发中，文件上传是一项常见的需求。本文将教给你如何使用纯JS和axios库来实现文件上传功能。我们将使用axios库发送HTTP请求，并通过FormData对象来处理文件数据。## 2. 文件上传流程文件上传的过程可以简化为以下几个步骤：| 步骤 | 描述 || --- | --- || 步骤一 | 创建一个HTM
    文件上传 Data ios
  • 绘制一个时钟

    效果图开源Gitee：https://gitee.com/rabbitTang_admin/TimeClockView赞助爱发电：http://afdian.net/@naiyouhuameitang代码（ClockView.class）public class MyView extends View { Paint paint = new Paint();// 画笔 int height =
    i++ 赋值 重置
  • ios 写一个时钟 苹果手机怎么当时钟用

    众所周知iPhone手机是非常流畅的，但你知道吗？iPhone手机不只是流畅，实用功能也有很多，比如每台手机都有的闹钟功能，一般大家都只是用来提醒起床，但是iPhone手机的闹钟可不止这个功能，它的贴心实用超乎了你的想象！ 1. 定时关闭程序很多朋友都喜欢在睡觉前听歌或者听小说，但是很多时候都会迷迷糊糊睡过去了，等到第二天早上醒来才关掉，长期下来电池、扬声器很容易损坏。其实苹果手机的
    ios 写一个时钟 ios开发闹钟步骤 数据 数据保存 ios系统
  • javascript 在线时钟 js做一个时钟

    用JavaScript来制作实时的时钟效果图如下：接下来，我会一步一步向大家介绍如何制作，并将里面的一些值得注意的事项提出来。首先是把框架搭构起来，<div> <canvas id="canvas" width="500px" height="500px"></canvas></div><!-- 在外
    javascript 在线时钟 JavaScript制作时钟 Math 顺时针 2d
  • python写一个罗盘时钟

    目录 C语言中时钟编程1. 文章目的2.基本概念2.1 UTC时间2.2 UNIX纪元时间2.3 格林威治时间 (GMT)3.时间转换3.1 asctime函数3.2 ctime函数3.3 gettimeofday函数3.4 gmtime函数3.5 localtime函数3.6 mktime函数3.7 settimeofday函数3.8 time函数4.总结 C语言中时钟编程1. 文章目的由
    python写一个罗盘时钟 c/c++ 字符串 UNIX 时间转换
  • java 写一个时钟 java电子时钟代码

    java 写一个时钟 java电子时钟代码
    java电子时钟云代码 java System 代码库
  • javascript写一个类 用js创建一个类

    在JS中，创建对象（Create Object）并不完全是我们时常说的创建类对象，JS中的对象强调的是一种复合类型，JS中创建对象及对对象的访问是极其灵活的。JS对象是一种复合类型，它允许你通过变量名存储和访问，换一种思路，对象是一个无序的属性集合，集合中的每一项都由名称和值组成（听起来是不是很像我们常听说的HASH表、字典、健/值对？），而其中的值类型可能是内置类型(如number,string
    JS中创建类得几种方式 创建对象 赋值 复合类型
  • 用js写一个弹出层方法

    需求：需要在页面上弹出一个层，类似一个自定义的MessageBox。 先在js文件中定义一个方法： 1 function qq_lay() {}; 2 qq_lay.prototype.open = function(h, w, t, url) { 3 var popBox = document.g ...
    弹出层 关闭按钮 css 2d 自定义
  • 用js写一个简易计算器

    要求1.实现最基本的+ - * / %运算，样式不做要求。2.有一个【清除】按钮，清除所有输入有几个地方需要注意:如何获取输入框的内容？    //用H5的方法获取元素内容    var n1 = document.querySelector('.n1');    var n2 = document.querySelector('.n2');如何取得运算符的内容？    1.先获取select
    js 计算器
houzaicunsky
    关注
    分类列表 更多
    • # WEB（HTTP）29篇
    • # Database20篇
    • # Svn1篇
    • # Shell10篇
    • # Python12篇
    精品课程领资料
    免费资料>

    2025软考
    高级 中级 初级

    华为认证
    数通 云计算 安全

    厂商认证
    K8s Oracle 红帽

    IT技术
    数据库 网络安全 AIGC
    2025年软考
    信息系统项目管理师 系统架构设计师
    厂商认证
    CKA企业级架构师 CKS进阶级架构师
    IT技术
    数据库高级工程师 AIGC大模型实战
    华为认证
    HCIE 数通/云计算 HCIP 数通/云计算
    近期文章
    • 1.一文读懂新能源汽车的“心脏”——动力电池
    • 2.Java之原子性问题的解决
    • 3.鸿蒙Harmony OS Next原生开发声明式UI和组件化
    • 4.openEuler 22.04上x86环境下kubeedge 1.13部署
    • 5.Java Lombok的实用，节省你的时间
    新人福利
    • 意见
      反馈
    • 训练营训练营

    举报文章

    请选择举报类型

    内容侵权 涉嫌营销 内容抄袭 违法信息 其他

    具体原因

    包含不真实信息 涉及个人隐私

    原文链接（必填）

    补充说明

    0/200

    上传截图

    格式支持JPEG/PNG/JPG，图片不超过1.9M

    已经收到您得举报信息，我们会尽快审核
    • 赞
    • 收藏
    • 评论
    • 分享
    如有误判或任何疑问，可联系 「小助手微信：cto51cto」申诉及反馈。
    我知道了
    51CTO首页
    AI.x社区
    博客
    学堂
    精品班
    软考社区
    免费课
    企业培训
    鸿蒙开发者社区
    WOT技术大会
    IT证书
    公众号矩阵
    移动端
    短视频 免费课程 课程排行 直播课 软考学堂
    全部课程 软考 华为认证 厂商认证 IT技术 PMP项目管理 免费题库
    在线学习
    文章 资源 问答 课堂 专栏 直播
    51CTO
    鸿蒙开发者社区
    51CTO技术栈
    51CTO官微
    51CTO学堂
    51CTO博客
    CTO训练营
    鸿蒙开发者社区订阅号
    51CTO软考
    51CTO学堂APP
    51CTO学堂企业版APP
    鸿蒙开发者社区视频号
    51CTO软考题库
    51CTO博客

    51CTO博客

    • 首页
    • 关注
    • 排行榜
    • 精品课程升职加薪
    • 免费资料领资料
    • 软考题库软考题库
      软考题库
      科目全、试题精、讲解专业，扫码免费刷
    • 搜索历史 清空
      热门搜索
      查看【 】的结果
    • 写文章
    • 创作中心
    • 登录注册
    51CTO博客

    Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号

    关于我们
    官方博客 全部文章 热门标签 班级博客
    了解我们 网站地图 意见反馈
    友情链接
    鸿蒙开发者社区 51CTO学堂
    51CTO 软考资讯