html 显示不了当前时间,代码如下

html 显示不了当前时间,代码如下,第1张

<!DOCTYPE html>

<html> 

<head> 

<title>显示当前日期时间</title> 

</head> 

<body> 

<script type="text/javascript"> 

/本段函数控制小时、分钟、秒数的双位表示/ 

function checkTime(i) { 

if (i<10) 

{i="0"+i} 

return i 

</script> 

<script type="text/javascript"> 

windowonload=function(){

    var d = new Date() //新建一个Date对象 

    var year = dgetFullYear() //获取年份 

    var month = dgetMonth()+1 //获取月份 

    var day = dgetDate() //获取日期 

    var hour = dgetHours() //获取小时 

    var min = dgetMinutes() //获取分钟 

    var sec = dgetSeconds() //获取秒数 

    //documentwrite(year+"-"+month+"-"+day+" //"+checkTime(hour)+":"+checkTime(min)+":"+checkTime(sec)) 

    documentgetElementById("bar")value=year+"-"+month+"-"+day+" //"+checkTime(hour)+":"+checkTime(min)+":"+checkTime(sec);

}

</script>

<input class="input-xlarge focused" id="bar" type="text"  value="">

</body> 

</html>

1 修改input中的值,需要用value

2 你源代码中是获取不到 id='bar'的,因为浏览器还没有加载完页面就先执行js了,所以需要将js代码放到windowonload中,保证js是在浏览器加载完页面之后执行。

Clockjs文件代码如下:

function Clock() {

var date = new Date();

thisyear = dategetFullYear();

thismonth = dategetMonth() + 1;

thisdate = dategetDate();

thistoString = function() {

return thisyear + "年" + thismonth + "月" + thisdate + "日 " ;

}

}

应用页面(需要在某网页中显示的页面)代码如下:

<SCRIPT src="js/Clockjs" type=text/javascript></SCRIPT>

<SCRIPT type=text/javascript>

var clock = new Clock();

clockdisplay(documentgetElementById("clock"));

</SCRIPT>

<body>

现在是<label id=clock></label>

</body>

此外,在DW中可以插入当前时间,希望我的回答能对您有所帮助。

以下是使用 HTML 和 JavaScript 制作一个带有天、时、分、秒的时间表的示例:

<!DOCTYPE html>

<html>

<head>

<title>时间表</title>

<script>

// 获取当前日期和时间

function getCurrentTime() {

var now = new Date();

var day = nowgetDate();

var month = nowgetMonth() + 1;

var year = nowgetFullYear();

var hours = nowgetHours();

var minutes = nowgetMinutes();

var seconds = nowgetSeconds();

// 将单个数字的小时、分钟和秒前面添加零

hours = padZero(hours);

minutes = padZero(minutes);

seconds = padZero(seconds);

// 更新时间表的文本内容

documentgetElementById("day")textContent = day;

documentgetElementById("month")textContent = month;

documentgetElementById("year")textContent = year;

documentgetElementById("hours")textContent = hours;

documentgetElementById("minutes")textContent = minutes;

documentgetElementById("seconds")textContent = seconds;

}

// 在数字前面添加零,如果数字小于10

function padZero(num) {

return (num < 10 "0" : "") + num;

}

// 每秒钟更新一次时间

setInterval(getCurrentTime, 1000);

</script>

</head>

<body onload="getCurrentTime()">

<h1>时间表</h1>

<p>日期: <span id="day"></span>/<span id="month"></span>/<span id="year"></span></p>

<p>时间: <span id="hours"></span>:<span id="minutes"></span>:<span id="seconds"></span></p>

</body>

</html>

这段代码创建了一个简单的 HTML 页面,其中包含了一个时间表,显示了当前的日期和时间。JavaScript 部分使用了 Date 对象来获取当前的日期和时间,并通过将其内容更新到页面上的相应元素中来实现动态更新。setInterval 函数用于每秒钟调用一次 getCurrentTime 函数,以保持时间的实时更新。

请注意,这里使用了 getElementById 函数来获取页面上的元素,并通过 textContent 属性来设置元素的文本内容。这只是一个简单的示例,实际上在实际项目中,您可能需要更复杂的逻辑来处理日期和时间的格式化、时区的考虑等。

你不是有2个方法嘛:inTime,outTime在这2个方法里面获取当前系统时间: var nowtime = new Date();取到时间就做ajax请求和显示在某个Dom上,就可以了。

哈~用JS!看这个!我这个简单!下面还有时钟~不要可以删除

用js网页会d出一个阻止框!记得点允许~

<html>

<head>

<script type="text/javascript">

var d=new Date()//为日期命名

documentwrite("今天是:"+dgetFullYear()+"年")//返回年

documentwrite(dgetMonth()+"月")//返回月,月是从0-11的~所以显示的是当前月份-1若非要显示当前月份!把这条删了,换用这条语句:documentwrite((dgetMonth()+1)+"月")

documentwrite(dgetDate()+"日")//返回日

var weekday=new Array(7)//建立一个星期的数组

weekday[0]="星期日"

weekday[1]="星期一"

weekday[2]="星期二"

weekday[3]="星期三"

weekday[4]="星期四"

weekday[5]="星期五"

weekday[6]="星期六"

documentwrite(" " + weekday[dgetDay()])//输出星期

function startTime()//以下为一个时钟!附加的!不要可以删除

{

var today=new Date()

var h=todaygetHours()

var m=todaygetMinutes()

var s=todaygetSeconds()

m=checkTime(m)

s=checkTime(s)

documentgetElementById('txt')innerHTML=h+":"+m+":"+s

t=setTimeout('startTime()',500)

}

function checkTime(i)

{

if (i<10)

{i="0" + i}

return i

}

//上面的是时钟

</script>

</head>

<body onload="startTime()">

<div id="txt"></div>

</body>

</html>

以上就是关于html 显示不了当前时间,代码如下全部的内容,包括:html 显示不了当前时间,代码如下、求当前年月日HTML代码、html javascriptz制作带天,时,分,秒的时间表等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9623925.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-30
下一篇 2023-04-30

发表评论

登录后才能评论

评论列表(0条)

保存