专栏首页开心分享-技术交流js实现HTML页面时钟动态显示

js实现HTML页面时钟动态显示

利用setInterval()方法来实现

Title

var mytime =setInterval(function () {getTime();},1000);function getTime() {var d =new Date();var t =d.toLocaleTimeString();document.getElementById("ptime").innerHTML =t;}

代码:

Titlefunction startTime() {var today =new Date();var h =today.getHours();var m =today.getMinutes();var s =today.getSeconds();m =checkTime(m);s =checkTime(s);document.getElementById("timetxt").innerHTML =h+":"+m+":"+s t=setTimeout(function () {startTime() },500);} function checkTime(i) {if(i<10){i ="0" + i;} return i }


下载连接:点击此处可以下载(下载密码:ipuser.cn)

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • js实现HTML页面时钟动态显示

    开心分享
  • canvas实现拖动页面时显示窗口视频

    简介   当前主流的视频网站目前有不少新鲜好玩的功能,最明显的莫过于小视频的显示--当视频不在当前视口范围 时,会在右下角用一个小窗口来显示当前的视频,而且可以...

    欲休
  • 利用jquery实现当前时间动态显示

    菲宇
  • 一段最简单的实现HTML页面上倒计时的动态效果

    Jerry Wang
  • 「干货」你需要了解的六种渲染模式

    周末在网上冲浪, 看到个消息:NextJS 9.3 将静态站点生成功能引入了Next.js平台。

    皮小蛋
  • 前端小白也能快速学会的博客园博客美化全攻略[附源码]

    官方介绍: 博客皮肤模板 http://skintemplate.cnblogs.com/

    Enjoy233
  • 客户端的js js脚本的引入 js的解析过程

    window对象定义了一些属性,用来指定当前窗口的一些信息。通过该属性的引用,可以获取当前窗口的信息

    mySoul
  • HTML是什么?

    html就是要告诉浏览器我的某个东西是什么,没错,这就是它的主要功能。html的实质,他就是一种标签,一种人和浏览器交流的标签,我们只有告诉浏览器这是什么,他才...

    PM吃瓜
  • 项目小结:日立OA系统(Asp.net)

    前言                                         进入公司6个月后被安排到该项目中,据说该项目规模很大,而拆分到公司的就只是...

    ^_^肥仔John
  • JS实现页面复制文字时自动加版权

    经亲自实践,目前可行的方法主要有如下两种: 可以在任何运行使用js代码的网站中使用,比如本人在自己的博客园博客中实现了一下,可亲自测试。

    Enjoy233
  • Web tools 开发记录

    平时开发中我们会用到一些工具,比如时间戳工具,查询ascii码,查询颜色色值等等。 做一些静态网页,把这些开发者,美术常用的功能集合起来,便于大家的工作和学习。

    AnRFDev
  • node爬虫入门

    这里只展示编写一个简单爬虫,对于爬虫的一些用处还不清楚,暂时只知道一些通用的用处:搜索引擎使用网络爬虫定向抓取网页资源、网络上面的某一类数据分析、下载很多小姐姐...

    腾讯IVWEB团队
  • Nginx 负载均衡的Cache缓存批量清理的操作记录

    1)nginx.conf配置 [root@inner-lb01 ~]# cat /data/nginx/conf/nginx.conf user www; w...

    洗尽了浮华
  • Web渲染那些事儿

    作为开发者,经常需要面对影响整个应用架构的决策。而Web开发者的核心决策之一,就是应用逻辑与渲染工作的实现,应处于架构中的什么位置(译注:客户端 or 服务器?...

    Johnny
  • 有必要使用服务器端渲染(SSR)吗?

    比较适用于大家常说的 SEO 和首屏渲染这些,一般都是 toc 的业务才会需要用到。

    coder_koala
  • 零基础学网页开发入门(制作博客案例)适应手机端div+css+js的综合介绍

    html翻译一下:hype text mark language 超文本标记语言

    刘金玉编程
  • 详谈如何定制自己的博客园皮肤

    如果你仅仅想原封不动的使用本人的定制皮肤,而不想了解实现细节。那么你只需要完成以下几个步骤即可,后面的章节可以忽略。

    静默虚空
  • 如何简便快捷使用python抓爬网页动态加载的数据

    最近朋友需要让我帮忙设计能抓取网页特定数据的爬虫,我原以为这种程序实现很简单,只要通过相应的url获得html页面代码,然后解析html获得所需数据即可。但在实...

    望月从良
  • 一篇了解爬虫技术方方面面

    传统爬虫从一个或若干初始网页的URL开始,获得初始网页上的URL,在抓取网页的过程中,不断从当前页面上抽取新的URL放入队列,直到满足系统的一定停止条件。聚焦爬...

    马哥linux运维

扫码关注云+社区

领取腾讯云代金券