HTML中:如何利用定时器生成日历时钟,要求显示格式为“2018年5月23日 星期三 19:00:00”

HTML中:如何利用定时器生成日历时钟,要求显示格式为“2018年5月23日 星期三 19:00:00”,第1张

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>无标题文档</title>

</head>

<body>

<h1 id="time"></h1>

<script>

//Start DynamicTime

function DynamicTime () {

var now = new Date()

var Hs = now.getHours()/*获取本地小时*/

var Ms = now.getMinutes()/*获取本地分钟*/

var Ss = now.getSeconds()/*获取本地秒数*/

/*当< 时、分、秒 >小于10时,前面添加 “0”*/

var H = ((Hs < 10) ? "0" : "") + Hs

var M = ((Ms < 10) ? "0" : "") + Ms

var S = ((Ss < 10) ? "0" : "") + Ss

var time = H+":"+M+":"+S

//显示变化的时间,添加标签ID

var Time = document.getElementById("time")

Time.innerHTML = getYearMonthTodaysDate() + "   " + time

}

var PerSecondDynamic = setInterval("DynamicTime()",1)

//End DynamicTime

function getYearMonthTodaysDate() {

var now = new Date()

var days = new Array('星期天', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六')

var months = new Array('1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12')

/*获取本月时间,如果本月时间小于10则在前面添加“0”*/

var month = ((now.getMonth() < 10) ? "0" : "") + now.getMonth()

/*获取当天时间,如果当天时间小于10则在前面添加“0”*/

var date = ((now.getDate() < 10) ? "0" : "") + now.getDate()

var today = now.getFullYear()+"年"+month+"月"+date+"日   "+days[now.getDay()]

return (today)

}

</script>

</body>

</html>

方法一:

var i=1

function cctv(){

    alert(i++)

    setTimeout("cctv()",2000)

}

cctv()

方法二:

var i=1

setInterval("PerRefresh()", 2000)

function PerRefresh() {

     var today = new Date()

     alert("The time is: " + today.toString())

}

首先 showModalDialog 是一个模式框,简单来说可以把这东西等价理解成一个alert。区别只在于展现的内容不同。

之后就好理解了,alert这样的模式框会产生阻塞。那么后面的代码自然也就不会继续运行了。当alert被关闭后后面的代码就可以继续执行了。

showModelessDialog是非模态的。不会产生阻塞,

showModelessDialog这东西IE能支持其余的浏览器...

不知道是不是能符合你的需求


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

原文地址: https://outofmemory.cn/zaji/7306542.html

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

发表评论

登录后才能评论

评论列表(0条)

保存