位置:首页 » 教程 » js实现在网页上简单显示时间的方法

js实现在网页上简单显示时间的方法

日期:2015-02-28 阅读:0num
Advertisement

这篇文章主要介绍了js实现在网页上简单显示时间的方法,实例分析了javascript实时显示时间的技巧,需要的朋友可以参考下

本文实例讲述了js实现在网页上简单显示时间的方法。分享给大家供大家参考。具体如下:

这是一款网页时钟JS代码,纯javascript实现,显示时、分、秒。网页时间显示、网页时钟有很多,这个真的挺简易的,美工好的朋友可在此基础上进一步美化完善

代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>简易网页时钟</title>
<style>
body,div{margin:0;padding:0;}
body{color:#fff;font:16px/1.5 5fae8f6f96c59ed1;}
#clock{width:300px;text-align:center;background:#1a1a1a;margin:10px auto;padding:20px 0;}
span{color:#000;width:80px;line-height:2;background:#fbfbfb;border:2px solid #b4b4b4;margin:0 10px;padding:0 10px;}
</style>
<script>
window.onload = function ()
{
var oClock = document.getElementById("clock");
var aSpan = oClock.getElementsByTagName("span");
setInterval(getTimes, 1000);
getTimes();
function getTimes ()
{
var oDate = new Date();
var aDate = [oDate.getHours(), oDate.getMinutes(), oDate.getSeconds()];
for (var i in aDate) aSpan[i].innerHTML = format(aDate[i])
}
function format(a)
{
return a.toString().replace(/^(d)$/, "0$1")
}
}
</script>
</head>
<body>
<div id="clock">
<span></span>点<span></span>分<span></span>秒
</div>
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

相关文章
  • js实现在网页上简单显示时间的方法

    这篇文章主要介绍了js实现在网页上简单显示时间的方法,实例分析了javascript实时显示时间的技巧,需要的朋友可以参考下 本文实例讲述了js实现在网页上简单显示时间的方法.分享给大家供大家参考.具体如下: 这是一款网页时钟JS代码,纯javascript实现,显示时.分.秒.网页时间显示.网页时钟有很多,这个真的挺简易的,美工好的朋友可在此基础上进一步美化完善 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional

  • js实现在网页上简单显示时间的方法教程

    本文实例讲述了js实现在网页上简单显示时间的方法.分享给大家供大家参考.具体如下: 这是一款网页时钟JS代码,纯javascript实现,显示时.分.秒.网页时间显示.网页时钟有很多,这个真的挺简易的,美工好的朋友可在此基础上进一步美化完善 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transit

  • 运行此js时提示网页上有异常,请教错在哪里

    运行此js时提示网页上有错误,请问错在哪里? <script language= "javascript " type= "text/javascript "> function page(value){ var $s = location.search; var $t; if ( value > 0) { $s.indexOf( "page= ") > 0 ? $t = $s.replace(/page=([0-9]{0

  • extJS  Helloword  网页上不显示解决方法 extJS Helloword 网页上不显示解决方法

    extJS Helloword 网页上不显示 直接贴代码,麻烦各位指点下,刚接触,确实不懂. ExtTry.html: <!--<link rel="stylesheet" type="text/css" href="./styles.css">--> <link rel="stylesheet" type="text/css" href="../../resourc

  • 利用JS代码在网页上绘图,该怎么处理

    利用JS代码在网页上绘图 目前我学习制作一个利用C#浏览器控件,通过代码和网页中的JS代码交互,使得网页上动态绘制图形. 主要只用画出简单的点,线段即可. 我之前了解到,利用html5的canvas可以实现该功能,如moveto lineto, 但是我发现canvas必须使用IE9以上才可以, 我想用使用更低版本的浏览器也可以兼容, 所以想请问有没有其他方法实现我所说的功能. 分享到: ------解决方案-------------------- 如果只需要支持IE浏览器的话,建议采用VML,绝

  • html在一个网页上不能显示两个浮动窗口,该怎么解决

    html在一个网页上不能显示两个浮动窗口 <html> <body> <h1>hello,world</h1> <iframe name="iframe2" src="http://www.baidu.com" width="500px" height="300px"> <iframe name="iframe1" src="htt

  • Win10系统打开浏览器要很久网页才会显示的解决方法 Win10系统打开浏览器要很久网页才会显示的解决方法

    最近,有Win10系统的用户在家里使用路由器的局域网上打开IE浏览器,浏览器网页的时候,总是要等待很久才会显示网页,这样很是浪费时间啊!遇到这样的问题,我们应该如何处理呢?今天,红黑联盟小编就和大家说一下Win10局域网打开IE浏览器要很久网页才会显示的解决方法. 来源自 红黑联盟 ,转载请注明. 具体方法如下: 1.打开"Internet 选项"(打开IE浏览器"Internet选项"窗口的方法),切换到"连接"选项卡; 2.点击"局

  • 用js改变框架网页的location有二种方法

    用js改变框架网页的location有2种方法 js框架网页,改变框架的location有2种方法: 方法一: top.mainFrame.location.href = url; 方法二: var doc = parent.document; doc.getElementsByTagName("frame")["mainFrame"].src=url; 比较: 当框架网页mainFrame调用了其他系统的纯flash页面,然后再通过菜单子框架页面的js调用其他页面

  • Word2010过滤网页上的超链接和图片方法 Word2010过滤网页上的超链接和图片方法

    我们时常会在某些网站上找一些自己想要的资料,但是许多网站上都有各种各样的格式.超链接.图片等,复制到Word里面后你会发现连同这些样式全部都粘贴到文档里面了.我们要的纯文本形式的,如果手工去除这些样式工作量可不小,而且又麻烦.怎样可以直接复制网页里面的内容时只粘贴纯文本到文档中,而且都将这些超链接.图片等样式全部过滤掉呢?下面就来为大家详解操作吧! Word2010过滤网页上的超链接和图片方法: 方法一:先复制网页上带样式的内容,然后进入Word2010界面,单击左上角的"粘贴"箭头按

  • JS实现在网页中弹出一个输入框的方法教程

    本文实例讲述了JS实现在网页中弹出一个输入框的方法.分享给大家供大家参考.具体分析如下: 习惯了使用早期给电脑文件夹设置密码的朋友一定还记得那种弹出一个输入框,然后让你输入密码在登录查看的效果吧,这个JS代码就是实现这个在当前页面中弹出一个输入框,当然你可以输入任何东西 <html> <head> <title>js输入对话框</title> </head> <body> <script language="javas

  • JS实现在网页中弹出一个输入框的方法

    这篇文章主要介绍了JS实现在网页中弹出一个输入框的方法,实例分析了prompt的用法,可用来设置密码,具有一定参考借鉴价值,需要的朋友可以参考下 本文实例讲述了JS实现在网页中弹出一个输入框的方法.分享给大家供大家参考.具体分析如下: 习惯了使用早期给电脑文件夹设置密码的朋友一定还记得那种弹出一个输入框,然后让你输入密码在登录查看的效果吧,这个JS代码就是实现这个在当前页面中弹出一个输入框,当然你可以输入任何东西 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

  • win7系统设置进入锁屏可以显示时间的方法 win7系统设置进入锁屏可以显示时间的方法

    如果离开电脑一段时间后,Win7系统会自动进入锁屏状态,这样不仅可以保护系统安全,还可以节约电源等等.屏保有"变换线"."彩带"."气泡"."三维文字"."照片"几样选择.那么有什么办法可以让win7系统进入锁屏可以显示时间呢?下面小编告诉大家具体的设置方法. 具体步骤: 1.首先下载"Fliqlo"时间屏保程序;点击下载Fliqlo 2.下载完成后单击右键选择"解压到当前文件

  • JS实现的网页上的颜色拾色器

    使用Js代码编写一个网页上用的颜色拾色器,也就是选择颜色用的,用鼠标单击任意颜色块,将弹出颜色值,当你想使用某种颜色而不知道颜色值的时候,用这个小特效可以告诉你颜色值是多少,比较方便. 颜色拾色器 红 绿 蓝 灰 用鼠标单击下面的颜色块,将弹出颜色值 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

  • 小米手环显示时间的方法

    首先,考虑到小米手环有三个灯,目前知道四种颜色组合(没有手环灯的资料,目前只知道有四种颜色,如果谁有资料希望提供一下),想到以下 二进制和十进制两种方案-- 先说十进制方案: 小时:由于三个灯,四种颜色,相乘正好为十二,可以规定依次从 1小时到12小时为 蓝橙绿红,(即 蓝色亮一个灯是一点,蓝色亮两个灯是两点,蓝色亮三个灯是三点,橙色亮一个灯是四点,橙色亮两个灯是五点,橙色亮三个灯是六点,绿色亮一个灯是七点,绿色亮两个灯是八点---累死了,不说了,一直到十二点) 分钟:和小时一样,只不过十二种组

  • 延长Win10通知消息显示时间的方法 延长Win10通知消息显示时间的方法

    第一步.点开开始菜单,点击选择里面的"设置". 第二步.在设置界面,点击"轻松使用". 第三步.在随后出现的界面,点击左侧面板"其他选项"在右侧窗口,找到"通知消息显示时间"项目,点击后面的向下箭头,在里面的选项中,选择自己认为合适的显示时间即可!

  • 三星S5如何设置按键灯显示时间?S5按键灯显示时间设置方法 三星S5如何设置按键灯显示时间?S5按键灯显示时间设置方法

    三星S5系列的手机有一个按键背景灯效果,有些朋友不喜欢默认时长了,那么我们可不可以修改按键背景灯时间长度了,下面我就来给各位同学详细介绍S5系列手机按键背景灯设置方法,有兴趣的朋友. 1.待机页面下,点击[应用程序]. 2.点击[设定]. 3.点击[显示]. 4.点击[触摸按键灯持续时间]. 5.选择您所需设定的按键灯持续显示时间,这里以选择[6秒]为例.(若选择[始终关闭]后,按键灯将被彻底关闭,若选择[始终开启]后,按键灯将持续长亮.) 当然如果你学喜欢这个指示灯的话我们可以直接关闭了这样也

  • 三星N7102/SCH-N719浏览网页时不显示图片解决方法 三星N7102/SCH-N719浏览网页时不显示图片解决方法

    浏览网页时不显示图片是三星手机为了给用户节省浏览而自动设置了,如果你想在浏览网页时可以查看图片我们可以参考下面方法来解决浏览网页时不显示图片问题. 请按照以下步骤操作: 1.在待机页面下,点击[应用程序]. 2.选择[互联网]. 3.打开互联网后,点击左下方[菜单]键,选择[设定]. 4.点击[带宽管理]. 5.将[载入图像]打钩. 以上操作后,当您再次浏览网页时,图片就可以正常显示了. 注:如果您使用第三方浏览器上网,图片显示选项请查看第三方软件相关设置.

  • pb11.5的程序 在server2003操作系统上不显示菜单解决方法

    pb11.5的程序 在server2003操作系统上不显示菜单 pb11.5的程序 在server2003操作系统上不显示菜单 在别的机器上都可以 而且在别的server2003操纵系统运行也没问题 就在客户的服务器上显示不出菜单的文字,但在那台机器上 pb9.0的程序菜单都能显示 求大神帮忙分析分析 怎么处理啊~~~ --cut-- 重新安装系统就行吧

  • shell上获取系统时间的方法

    shell下获取系统时间的方法 直接调用系统变量 获取今天时期:`date +%Y%m%d` 或 `date +%F` 或 $(date +%Y%m%d) 获取昨天时期:`date -d yesterday +%Y%m%d` 获取前天日期:`date -d -2day +%Y%m%d` 依次类推比如获取10天前的日期:`date -d -10day +%Y%m%d` 或n天前的 `date -d "n days ago" +%Y%m%d` 或`date --date='n day ag

  • 如果想在网页上格式化显示一个javascript/json对象,标准的做法应该是什么?

    1.拼接html: var str = '<li>'+obj.aaa+'</li>'; ...... 2.构造dom document.createElement .... 或 $('div')..... 3.其他办法? 那种办法更好用? 标准是方便.安全.高效. 有没有现成的库或者是别的什么可以专门做这些事情? --cut-- Kenyth在2011-07-25 23:27:5回答到: 你所谓的格式化是什么,有标准的缩进和换行么?还是像 firebug 里面的 DOM tree

最新文章
  • 一个基于Python装饰器的缓存库 wrapcache · GitHub

    wrapcache A python Function / Method OUTPUT cache system base on function Decorators. Source code: https://github.com/hustcc/wrapcache What's wrapcache? wrapcache is a decorator that enables caching of return values for functions. The cache keys are

  • 老表要网上卖象牙雕件, V 友给帮忙起个名字吧

    为防被抵制象牙的良心V友喷,先声明下,老表的象牙雕件都是使用的已在万年前灭绝的猛犸象象牙,其是大象象牙的替代品,原料采购合法,绝不会用象牙替代(黑市渠道大象象牙采购价远高于合法的猛犸象牙). 老表之前是做象牙雕刻的,有原料采购.雕刻加工资源渠道,之前是加工后给线下门店销售,准备开年后网上自己卖,没想好叫什么名字,所以特跑来找神通广大的V友征名,网店开业后,将赠送一象牙物件(全品任选) --cut-- won在2015-02-15 18:06:2回答到: 牙卖家 icyflash在2015-02-

  • 收一个 Apple Magic Trackad

    Apple Magic Trackad --cut--

  • 有一种情感,一直很安静 有一种情感,一直很安静

    喜欢你,但却永远也不会让你知道.不是因为我没有说出来的勇气,而是因为,害怕自己没有承受的勇气;不是担心你拒绝,而是不想带给你压力. 喜欢,可以淡淡的,让你感觉不到这份情感的存在;喜欢,可以默默地,只是悄悄地关注你的一言一行;喜欢,可以静静地,就像捧着珍宝,生怕受到一点点的损伤. 时常留意你的文字和心情,却只是偶尔回复几句无关痛痒的话;时常在你的世界外和你一起快乐.一起忧伤,却只是假作偶尔不经意的巧遇,然后淡淡地问候一声:好久不见! 喜欢,静静地思念,静静地回忆,然后敲打着键盘,让心情游走在字里行

  • 女宇航员太空无性怀孕 婴儿出生一月会说话 女宇航员太空无性怀孕 婴儿出生一月会说话

    在浩瀚的宇宙中,任何荒诞不经的事情都有发生的可能.甚至很多在地球上看似不可能的离奇事情,在宇宙中,竟然都变得习以为常.曾经苏联的4位女性宇航员,在太空中全部意外怀孕,这些在太空中孕育的孩子,竟然与在地球上的孩子截然不同. 1.女宇航员太空离奇受孕生子 据苏联密档显示,第一位在太空间受孕的婴儿于91年7月25日在苏联诞生.科学家说,这个太空儿的怀孕期比正常情况要短得多. 据说,这个太空婴儿出生一个月就已经能够仰卧起坐和转身并能说简单的句子了. 说来令人难以确信,塔莉丝科芙与其他4位苏联女宇航员在环

  • 让自已开心快乐起来 让自已开心快乐起来

    生活就像硬币的两面,正面是快乐,反面是悲伤,当你将硬币抛向空中落地时,看到的结果只有一种,要么是正面,要么是反面,但只要你坚持不懈反复多次抛落,正面与反面出现的概率几乎是相等的. (本站阅读配图) 生活亦是如此,一个人一辈子不会总是快快乐乐,也不会总是痛苦悲伤,快乐与痛苦总是结伴而来的.所以,朋友,当你不幸抛到的是硬币的反面,无需为此伤心悲愤,因为只要坚持,下一次可能就会是正面,悲伤不会总是眷顾同一个人. 当我们无意中打开一扇窗户,看到的是悲伤,请不要为此唉声叹气而沉沦其中不能自拔,要知道应该还

  • “一岁”的百度直达号  现在长成什么样了? “一岁”的百度直达号 现在长成什么样了?

    至9月3日,百度直达号将年满一岁.自直达号诞生伊始,笔者就认为直达号是个会在后期释放潜力的产品.刚过1年,现在来看,我的看法是没错的,直达号已经在百度布局的O2O生态中发挥了相当强的实力.尤其是其直接连接用户与服务的直达与快捷性,是其他产品所不能比拟的,同时也更符合百度的搜索形态.闲话少说,时隔一年,相信朋友们对直达号发展都有所好奇与关注,那么现在的直达号到底是个什么样子?又是如何连接3600行的?且看下文. 顺应行业发展趋势 直达号应景而生 百度于2014年9月3日重磅推出百度直达号,是商家在

  • 夏季钓鱼技巧 夏季钓鱼技巧

    夏季是垂钓爱好者最喜欢的钓鱼季节,这时的气候适宜,无论对垂钓的人们,还是水中的鱼儿来讲,都是一个好的日子,那么夏季钓鱼有哪些技巧呢? 本站阅读配图 一.钓位:常言说"夏钓深",经这几年的垂钓经历.我认为,应把夏天分为三个阶段对待,即:初夏.盛夏(三伏天).夏未,再根据这三个阶段来选择钓位较为科学. 初夏的气温在10-25度之间,这时的鱼儿并不在深水活动,而是在中.浅层活动,水深在一米到两米之间,这就要求钓友们还继续像春天那样钓浅滩,不要急于钓深,池塘.湖泊钓中间,钓向阳,钓下风(钓逆风

  • 光明力量EXA 金手指

    マスターコード EC878530 1445A7A8 -------------------------------------------------------------------------------- 2007/01/16(火) 19:03:10 ID:z/4Dh1XX 金増加時にMAXになるようだ 1CB5E4D8 1456E7A5 ---------------------------------------------------------------------------

  • 音乐软件echo回声弹幕/3D音效新手使用教程 音乐软件echo回声弹幕/3D音效新手使用教程

    echo回音是什么样的软件?一个听音乐也能刷弹幕的软件,而且还有3D音效哦.听上去感觉不错,那实际效果如何?下面跟着小编一起来体验下这款"让声音有无限可能"的echo回音app吧. echo回声的有两个特色功能:一个是弹幕,一个是3D音效.先来看看弹幕部分,我们随便点进一首歌就会发现与别的音乐播放器不同,不是传统的播放界面,而是满屏的弹幕. 我们自己也可以在下面发送弹幕上去.当然如果你觉得满屏弹幕太闹心,也可以关闭弹幕.不过关了弹幕还有什么意思呢? 那么你要问了,那传统的控制界面在哪呢

热门推荐
  • e代驾内忧外患:薪资调整引师傅不满 转型缓慢 e代驾内忧外患:薪资调整引师傅不满 转型缓慢 裁员瘦身之后,代驾O2O代表企业e代驾开始纠偏,不光高管层经历动荡,还出现了代驾师傅罢工事件,不过委以转型重任的汽车后市场业务却进展缓慢,业界认为巨头入场不是引发诸多问题的惟一导火索,企业自身战术和商业模式的计划与市场脱节是代驾O2O之觞的原罪. 高管变动略显频繁 在去年11月初,时任e代驾COO的周依华出席"2015德勤-中关村高科技高成长20强"颁奖典礼,事实上"他从去年下半年起就已经不负责e代驾的具体事务,已经离职了,万国平在接手COO的事",e代驾内部人士向
  • AcFun投稿的通过率很低吗? AcFun投稿的通过率很低吗? 通过率依稿件内容质量决定,网站每个栏目对稿件的要求不同,通过率也不同.请努力投出有质量的稿件.
  • 怎样选购马桶刷 怎样选购马桶刷 每次刷完污垢,刷子上难免会沾上脏物,最好随手再冲一次水,将其冲洗干净,把水沥干,喷洒消毒液,或定期用消毒液浸泡,并放在合适的地方. 如何选购马桶刷 马桶刷/马桶杯,是指用于清洁马桶的专业刷子和摆放马桶刷的杯子,是家庭卫浴的必备产品.下面一起来了解下如何选购优质马桶刷. 刷毛要浓密. 清洁马桶主要是靠刷毛,所以选购的时候要注意刷毛的密度要适中. 马桶杯的材质. 塑料马桶刷/马桶杯:是指用塑料做成的马桶刷/马桶杯.不锈钢马桶刷/马桶杯:是指马桶杯使用不锈钢做成的马桶刷/马桶杯. 刷毛的质量. 清洁马
  • 宇宙大爆炸时期的太初黑洞 时间最短质量最小 宇宙大爆炸时期的太初黑洞 时间最短质量最小 在宇宙大爆炸时几秒钟内就会迅速形成一个太初黑洞,太初黑洞是宇宙中存在时间最短的黑洞,同时也是质量最小的黑洞,甚至只有一个质子大小,比原子核还要小,甚至用肉眼无法辨别,由于太初黑洞是宇宙早期时的产物,因此也被称为"原生黑洞". 黑洞是由质量足够大的恒星在核聚变反应的燃料耗尽而死亡后,发生引力坍缩产生的.而太初黑洞并不是由恒星坍塌而形成,与其他黑洞不同,太初黑洞是在宇宙刚刚创生时在高压条件下物质紧密结合的产物,而且这种黑洞质量比其它黑洞更加小,有时甚至小到连肉眼都无法辨别.太初黑洞的的尺度
  • 华为P7真机谍照曝光 5月7日巴黎发布 华为P7真机谍照曝光 5月7日巴黎发布 近日华为终端官方微博转发消息并进一步确定5月7日将会有新品发布,关注华为手机的用户都能够想到该机就是华为今年的旗舰机型P7,在之前P6的外观设计受到了一致好评后,华为P7将再次以旗舰的身份亮相. 与此同时,华为P7的谍照也在网络上遭到曝光,从谍照来看,华为P7应该是采用了金属材料,机身边框有着很明显的金属质感,包括在机身左侧的音量和电源按键,并且有着强烈的金属拉丝质感.后盖部分有着点阵纹理,从这张图来看华为P7的设计感较为出色,继承了P6的时尚外观设计. 另外的两张谍照分别为摄像头和整机的构造图
  • 爱奇艺、杜比带来手机上的环绕声 爱奇艺、杜比带来手机上的环绕声 好莱坞大导演乔治·卢卡斯说:"电影的一半是声音."如果按照他的这个标准判断,那么用移动设备看电影-如今,它已成为一种主要观影方式-电影将丧失掉一半的精彩. 除了屏幕大小的限制,相对于已经开始普及的影院全景声,移动设备目前所呈现的大多还是扁平音频. 事实上,声音在很长时间里都不被移动设备厂商重视.就连苹果2010年推出并从此改变了平板市场的iPad,也只配备了单声道扬声器. 美国视频技术公司Ooyala最近的一项调查显示,2014年第一季度,全球使用智能手机或平板电脑等移动设备观看视频的
  • 厨房吧台设计 厨房吧台设计 在之前,吧台只是顶多在酒店或者酒吧中才能看得到,但是发展到现在,吧台不仅仅局限于这两个地方.吧台还是一个下能进厨房,上能入厅堂的家庭饮食功能区,它出现在家庭中的不同地点,也就可以间接地规划它的用途.而且厨房吧台的形式有很多,根据不同的空间需要,也可以有不同的展现形式,下面我们就来看看不同的厨房吧台,给你带来不同的展现. 吧台高度 如果家庭吧台是和橱柜连在一起的,吧台高度一般做800-850mm就可以了.如果家中的装修风格属于厚重的北美或者美式风格的话,就需要增加吧台高度至1100-1250mm高