js实时获取系统当前时间实例代码

在网页中实时的显示时间,不但可以给网页添色,还可以方便浏览者掌握当前时间,为了提高网站的开发速度,可以把主代码封装在一个单独的函数里面,在需要的时候直接调用 而我为了演示,直接写在了主页面,方便大家观看
 

(1):首先用JS编写实时显示系统时间的函数 clockon() 只有一个参数bgclock,用于指定显示用于转化后的<div>标记的名称,无返回值,大家进行网站开发时可以将改函数保存在JS文件中,以便重用 代码如下:

复制代码 代码如下:

<script>
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;
if(document.all)
{
bgclock.innerHTML="["+time+"]"
}
var timer = setTimeout("clockon(bgclock)",200);
}
</script>

(2):在页面的<body> 的onload事件中 调用 以及在要显示的地方放置div标记 代码:

复制代码 代码如下:

<body onLoad="clockon(bgclock)">
<div id="bgclock" class="word_Green"></div>
</body>

时间: 2024-10-28 22:05:07

js实时获取系统当前时间实例代码的相关文章

js实时获取系统当前时间实例代码_javascript技巧

(1):首先用JS编写实时显示系统时间的函数 clockon() 只有一个参数bgclock,用于指定显示用于转化后的<div>标记的名称,无返回值,大家进行网站开发时可以将改函数保存在JS文件中,以便重用  代码如下: 复制代码 代码如下: <script>function clockon(bgclock){    var now = new Date();    var year = now.getYear();    var month = now.getMonth();  

js实时获取窗口大小变化的实例代码_javascript技巧

如下所示: $(window).resize(function(){ var Height = $(window).height(); var Width = $(window).width(); }) 以上这篇js实时获取窗口大小变化的实例代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持. 以上是小编为您精心准备的的内容,在的博客.问答.公众号.人物.课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索js获取窗口大小 javascript经典实例.java

JAVA 获取系统当前时间实例代码_java

本文章向大家讲解java中时间的获取和格式化,  一. 获取当前系统时间和日期并格式化输出: import java.util.Date; import java.text.SimpleDateFormat; public class NowString { public static void main(String[] args) { SimpleDateFormat df = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");//设置日期格式

JS/php获取flash高宽实例代码

JS: 设置 embed 高度和宽度可以改变 flash 的高度和宽度,从而获取.  代码如下 复制代码 <!DOCTYPE HTML> <html> <body> <embed src="test550X400.swf" id="flash" width="550px" height="400px"/> <script type="text/javascript

javascript获取系统当前时间的方法_javascript技巧

本文实例讲述了javascript获取系统当前时间的代码.分享给大家供大家参考.具体如下: 运行效果截图如下: 具体代码如下: <!DOCTYPE html> <html> <head> <title>获取时间</title> <script type="text/javascript"> window.onload = function(){ showTime(); } function showTime(){

js实时获取并显示当前时间的方法_javascript技巧

本文实例讲述了js实时获取并显示当前时间的方法.分享给大家供大家参考.具体实现方法如下: js部分如下: <script type="text/javascript"> window.onload = function() { var show = document.getElementById("show"); setInterval(function() { var time = new Date(); // 程序计时的月从0开始取值后+1 var

JS之Date对象和获取系统当前时间详解

 本篇文章主要是对JS之Date对象和获取系统当前时间进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 一.Date对象 每天一对象,今天来看看Date对象,相对于时间大家一定很熟悉,应为以前在网站中很多地方都会遇到这样的时间特效.温故而知新,今天我们来回忆一下Date对象.   我们首先来看看他的定义: dateObj = new Date() dateObj = new Date(dateVal) dateObj = new Date(year, month, date[, hour

Android 获取时间实例代码

Android 获取时间实例代码 注意: h:12小时制小时数 H:24小时制小时数 实例代码: import java.text.DateFormat; import java.text.ParseException; import java.text.SimpleDateFormat; import java.util.Calendar; import java.util.Date; /** * Created by Administrator on 2017/5/8. */ public

JavaScript简单获取系统当前时间完整示例_javascript技巧

本文实例讲述了JavaScript简单获取系统当前时间的方法.分享给大家供大家参考,具体如下: 运行效果截图如下: 具体代码如下: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />