当前位置: 首页 > 编程笔记 >

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

劳和歌
2023-03-14
本文向大家介绍js实现在网页上简单显示时间的方法,包括了js实现在网页上简单显示时间的方法的使用技巧和注意事项,需要的朋友参考一下

本文实例讲述了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 \5fae\8f6f\96c5\9ed1;}

#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计算时间差的简单实现方法,包括了js时间比较 js计算时间差的简单实现方法的使用技巧和注意事项,需要的朋友参考一下 页面使用dateTimePicker获取数据类型为”12:12:12“ 如果输入”11:11:11“要自动计算两者时间差 代码如下: 以上这篇js时间比较 js计算时间差的简单实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多

  • 本文向大家介绍js简单实现网页换肤功能,包括了js简单实现网页换肤功能的使用技巧和注意事项,需要的朋友参考一下 我发现网上写换肤功能写的有点长,就想想如何更简单方法实现这个功能,于是我自己写了一个。 html css文件 default.css red.css green.css  PS:当然设置主题的参数也可以保存到后端(推荐),防止禁用cookies主题无法生效。 以上就是本文的全部内容,希望

  • 本文向大家介绍java简单网页抓取的实现方法,包括了java简单网页抓取的实现方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了java简单网页抓取的实现方法。分享给大家供大家参考。具体分析如下: 背景介绍 一 tcp简介   1 tcp 实现网络中点对点的传输   2 传输是通过ports和sockets   ports提供了不同类型的传输(例如 http的port是80)     1

  • 本文向大家介绍ASP.NET网站实时显示时间的方法,包括了ASP.NET网站实时显示时间的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了ASP.NET网站实时显示时间的方法。分享给大家供大家参考。具体方法如下: 在ASP.NET环境中开发设计网站或网络应用程序时,往往需要实时显示当前日期和时间。这时,通常使用AJAX控件来实现。 需要注意的是,在.NET Framework 2.0版

  • 本文向大家介绍js倒计时简单实现方法,包括了js倒计时简单实现方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了js倒计时简单实现方法的代码,分享给大家供大家参考,具体如下: 如果想显示倒计时效果,可以使用如下代码调用:  jquery插件形式: 希望本文所述对大家JavaScript程序设计有所帮助。

  • 本文向大家介绍简单实现JSP分页显示效果,包括了简单实现JSP分页显示效果的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了JSP分页显示效果的具体代码,供大家参考,具体内容如下 1、mysql的limit关键字 (DAO) tablename 就是要分页显示的那张表的名称; startPoint 就是起始的位置 -1; numberPerPage 就是一页显示的条数。 例如: sel