JavaScript实现页面实时显示当前时间的简单实例_javascript技巧

复制代码 代码如下:

<html>
<head>
<title>JavaScript实现页面实时显示当前时间</title>
</head>
<body>
<script language="javascript">
function showtime()
{
var today,hour,second,minute,year,month,date;
var strDate ;
today=new Date();
var n_day = today.getDay();
switch (n_day)
{
case 0:{
strDate = "星期日"
}break;
case 1:{
strDate = "星期一"
}break;
case 2:{
strDate ="星期二"
}break;
case 3:{
strDate = "星期三"
}break;
case 4:{
strDate = "星期四"
}break;
case 5:{
strDate = "星期五"
}break;
case 6:{
strDate = "星期六"
}break;
case 7:{
strDate = "星期日"
}break;
}
year = today.getYear();
month = today.getMonth()+1;
date = today.getDate();
hour = today.getHours();
minute =today.getMinutes();
second = today.getSeconds();
if(month<10) month="0"+month;
if(date<10) date="0"+date;
if(hour<10) hour="0"+hour;
if(minute<10) minute="0"+minute;
if(second<10) second="0"+second;
document.getElementById('time').innerHTML = year + "年" + month + "月" + date + "日 " + strDate +" " + hour + ":" + minute + ":" + second; //显示时间
setTimeout("showtime();", 1000); //设定函数自动执行时间为 1000 ms(1 s)
}
</script>
<div id="time"></div>
<script language="javascript"> showtime();</script>
</body>
</html>

时间: 2024-12-22 18:15:22

JavaScript实现页面实时显示当前时间的简单实例_javascript技巧的相关文章

JavaScript实现页面实时显示当前时间的简单实例

这篇文章介绍了页面实时显示当前时间的简单实例,有需要的朋友可以参考需要   复制代码 代码如下: <html> <head> <title>JavaScript实现页面实时显示当前时间</title> </head> <body> <script language="javascript"> function showtime() { var today,hour,second,minute,year,

js格式化时间的简单实例_javascript技巧

Date.prototype.format = function(format) { //author: meizz let o = { "M+": this.getMonth() + 1, //月份 "d+": this.getDate(), //日 "H+": this.getHours(), //小时 "m+": this.getMinutes(), //分 "s+": this.getSeconds

javascript显示用户停留时间的简单实例_javascript技巧

复制代码 代码如下: <script type="text/javascript"> var second = 0; var minute = 0; var hour = 0; window.setInterval("OnlineStayTime();", 1000); function OnlineStayTime() { second++; if (second == 60) { second = 0; minute++; } if (minute 

javascript 实现子父窗体互相传值的简单实例_javascript技巧

window.showModalDialog() 使用方法: var returnValue = window.showModalDialog(url [, arguments] [,features]); url  -- 必选参数,类型:字符串,用来指定对话框要显示的文档的URL arguments  -- 可选参数,类型:变体,用来向对话框传递参数,传递的参数类型不限,包括数组等,对话框通过window.dialogArguments来取得传递进来的参数 features   -- 可选参数

JS获取当前日期和时间的简单实例_javascript技巧

复制代码 代码如下: <script>var myDate = new Date();    myDate.getYear();       //获取当前年份(2位)//alert(myDate.getYear()) //2009    myDate.getFullYear();   //获取完整的年份(4位,1970-????)//alert(myDate.getFullYear()); 2009    myDate.getMonth();      //获取当前月份(0-11,0代表1月)

JavaScript页面实时显示当前时间实例代码_javascript技巧

前言 这次认认真真又重新看了相关内容,现把需要注意的地方总结如下: 1.通过getDay()得到的星期数是从0开始,0表示星期天,之后从1~6依次表示星期一到星期六: 2.得到日期需使用getDate()而不是getDay() ,因为可能习惯性地认为日期就是天数,可能会使用getDay() ,但其实getDay()是用于得到星期数的: 3.通过getMonth()得到月份,从0开始计数,所以需要再加1. 实例代码如下: <html> <head> <title><

JavaScript通过setTimeout实时显示当前时间的方法_javascript技巧

本文实例讲述了JavaScript通过setTimeout实时显示当前时间的方法.分享给大家供大家参考.具体如下: <!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

jsp页面中两种方法显示当前时间的简单实例_JSP编程

在jsp页面实现显示当前的日期时间,我们可以用一下两种方式实现: 1. 通过在jsp页面添加Java代码实现,主要代码如下所示 java.text.SimpleDateFormat simpleDateFormat = new java.text.SimpleDateFormat( "yyyy-MM-dd HH:mm:ss"); java.util.Date currentTime = new java.util.Date(); String time = simpleDateForm

javascript特效实现——当前时间和倒计时效果的简单实例_javascript技巧

这个效果的实现关键是对Date对象和setTimeout的使用. 一共有三个例子,HTML结构如下,就不添加CSS样式了. <body> 当前时间:<p id="p1"></p> 高考倒计时:<p id="p2"></p> 限时抢购:<p id="p3"></p> </body> 主要体会javascript的实现 window.onload=func