javascript能够实时变化的时间代码

javascript能够实时变化的时间代码:
在很多网站都有这样的功能,能够显示当前的事件,这样或许能够增加美观度,当然更加能够提高网页的人性化程度,能够让给用户实时了解当前时间,这样能够给网站增色不少。下面分享一段能够获取当前时间,并且能够进行格式化的代码:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="author" content="http://www.softwhy.com/" />
<title>javascript实现的时间显示代码-蚂蚁部落</title>
<script type="text/javascript"> 

function clockon(bgclock)
{
  var now = new Date();
  var year = now.getYear();
  var month = now.getMonth();
  var date = now.getDate();
  var day = now.getDay();
  var hour = now.getHours();
  var minu = now.getMinutes();
  var sec = now.getSeconds();
  var week;
  month = month+1;
  if(month<10)month="0"+month;
  if(date<10)date="0"+date;
  if(hour<10)hour="0"+hour;
  if(minu<10)minu="0"+minu;
  if(sec<10)sec="0"+sec;
  var arr_week = new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");
  week = arr_week[day];
  var time = "";
  time = year+"年"+month+"月"+date+"日"+week+""+hour+":"+minu+":"+sec;
  bgclock.innerHTML="["+time+"]";
  var timer = setTimeout("clockon(bgclock)",200);
}
window.onload=function()
{
  var bgclock=document.getElementById("bgclock");
  clockon(bgclock);
}
</script>
</head>
<body>
<div id="bgclock"></div>
</body>
</body>
</html>

以上代码实现了实时走动的时间效果,大家直接引用就可以了,下面简单介绍一下是用方法:
此函数据具有一个参数,此参数就是要容纳事件的元素对象。

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=7947

更多内容可以参阅:http://www.softwhy.com/javascript/

时间: 2024-10-18 21:05:33

javascript能够实时变化的时间代码的相关文章

Javascript 客户端实时显示服务器时间

<!doctype html> <html lang="zh-cn"> <head> <meta charset="utf-8" /> <title></title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type="text/javascri

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-Typ

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-Typ

javascript显示年月日时间代码显示电脑时间

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>显示当前北京时间</title> <script language=Javascript> function time() { //获得显示时间的div t_div = document.getElementById('showtime'); v

实时显示系统时间

1.概述 在浏览很多网站时,都会发现在网站中加入了显示当前系统时间的功能,在网页中显示当前系统时间,不仅可以方便浏览者掌握当前时间,而且还美化了网页. 2.技术要点 利用Date对象来实现.首先创建一个表示当前系统时间的Date()对象,然后通过Date对象的getXxx()方法获得当前系统时间的年.月.日.小时.分.秒和星期的值,接下来将获得的这些值组合成一个日期时间字符串,并将日期时间字符串设置成为<div>标签的内容,最后通过window对象的setTimeout()函数每隔1秒调用一个

html中显示当前系统时间代码

在自己的网页中插入当前的系统时间代码 <!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>   <title>

javascript中Ajax请求的封装代码

/****************************ajax请求 start**************************************/ function ajaxClass(_url, _successCallback, _failureCallback, _urlParameters, _callbackParams, _async, _charset, _timeout, _frequency, _requestTimes, _frame) { /** * AJAX

javascript删除一个html元素节点代码实例

javascript删除一个html元素节点代码实例:本章节介绍一下如何利用原生javascript实现删除一个指定的html元素.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title&

Unescape HTML entities in Javascript Unescape HTML转成html代码

前言: 在javascript里面动态创建标准dom对象一般使用: var obj = document.createElement('div'); 然后再给obj设置一些属性. 但是,在实际使用过程中,有些人可能会想,要是能这样创建标准的dom对象就好了 伪代码:var obj=strToDom('<div id="div_1" class="div1">Hello World!</div>'); 那么今天的目的就是教大家怎么去实现一个这样