网站运行时间js代码,初始时间精细到秒_教程

function siteTime(){

window.setTimeout("siteTime()", 1000)

var seconds = 1000

var minutes = seconds * 60

var hours = minutes * 60

var days = hours * 24

var years = days * 365

var today = new Date()

var todayYear = today.getFullYear()

var todayMonth = today.getMonth()

var todayDate = today.getDate()

var todayHour = today.getHours()

var todayMinute = today.getMinutes()

var todaySecond = today.getSeconds()

/* Date.UTC() -- 返回date对象距世界标准时间(UTC)1970年1月1日午夜之间的毫秒数(时间戳)

year - 作为date对象的年份，为4位年份值

month - 0-11之间的整数，做为date对象的月份

day - 1-31之间的整数，做为date对象的天数

hours - 0(午夜24点)-23之间的整数，做为date对象的小时数

minutes - 0-59之间的整数，做为date对象的分钟数

seconds - 0-59之间的整数，做为date对象的秒数

microseconds - 0-999之间的整数，做为date对象的毫秒数 */

var t1 = Date.UTC(2014,0,14,11,19,00)

var t2 = Date.UTC(todayYear,todayMonth,todayDate,todayHour,todayMinute,todaySecond)

var diff = t2-t1

var diffYears = Math.floor(diff/years)

var diffDays = Math.floor((diff/days)-diffYears*365)

var diffHours = Math.floor((diff-(diffYears*365+diffDays)*days)/hours)

var diffMinutes = Math.floor((diff-(diffYears*365+diffDays)*days-diffHours*hours)/minutes)

var diffSeconds = Math.floor((diff-(diffYears*365+diffDays)*days-diffHours*hours-diffMinutes*minutes)/seconds)

document.getElementById("sitetime").innerHTML=" 已运行"+diffYears+" 年 "+diffDays+" 天 "+diffHours+" 小时 "+diffMinutes+" 分钟 "+diffSeconds+" 秒"

}

siteTime()

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

<!DOCTYPE html>

<html>

<head>

// 获取当前日期和时间

function getCurrentTime() {

var now = new Date()

var day = now.getDate()

var month = now.getMonth() + 1

var year = now.getFullYear()

var hours = now.getHours()

var minutes = now.getMinutes()

var seconds = now.getSeconds()

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

hours = padZero(hours)

minutes = padZero(minutes)

seconds = padZero(seconds)

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

document.getElementById("day").textContent = day

document.getElementById("month").textContent = month

document.getElementById("year").textContent = year

document.getElementById("hours").textContent = hours

document.getElementById("minutes").textContent = minutes

document.getElementById("seconds").textContent = seconds

}

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

function padZero(num) {

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

}

// 每秒钟更新一次时间

setInterval(getCurrentTime, 1000)

</script>

</head>

</body>

</html>

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

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

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/tougao/7811095.html

网站运行时间js代码,初始时间精细到秒

发表评论

评论列表（0条）