纯js实现动态时间显示

作者:开心阳 时间:2024-05-05 09:13:44 

本文实例为大家分享了js动态时间显示 的具体代码,供大家参考,具体内容如下


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>js动态时间显示 </title>
</head>

<body id = "show">

<script>

function run(){
var time = new Date();//获取系统当前时间
var year = time.getFullYear();
var month = time.getMonth()+1;
var date= time.getDate();//系统时间月份中的日
var day = time.getDay();//系统时间中的星期值
var weeks = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
var week = weeks[day];//显示为星期几
var hour = time.getHours();
var minutes = time.getMinutes();
var seconds = time.getSeconds();
console.log(seconds);
if(month<10){
month = "0"+month;
}
if(date<10){
date = "0"+date;
}
if(hour<10){
hour = "0"+hour;
}
if(minutes<10){
minutes = "0"+minutes;
}
if(seconds<10){
seconds = "0"+seconds;
}
//var newDate = year+"年"+month+"月"+date+"日"+week+hour+":"+minutes+":"+seconds;
document.getElementById("show").innerHTML = year+"年"+month+"月"+date+"日"+week+hour+":"+minutes+":"+seconds;
setTimeout('run()',1000);
}

run();

</script>
</body>
</html>
标签:js,动态时间
0
投稿

猜你喜欢

  • Pycharm基本操作及调试代码

    2022-08-13 08:38:55
  • Python进阶:生成器 懒人版本的迭代器详解

    2021-12-21 16:08:05
  • ASP制作中使用MYSQL的分析

    2008-10-13 09:25:00
  • JS比较两个数值的大小实例

    2024-04-17 10:41:03
  • asp如何制作一个弹出式的调查窗口?

    2010-06-29 21:24:00
  • Python MySQL进行数据库表变更和查询

    2024-01-17 04:35:24
  • Vue使用Echarts画柱状图详解

    2024-05-29 22:22:29
  • 仅IE9/10同时支持script元素的onload和onreadystatechange事件分析

    2024-04-16 09:27:54
  • Python 实现多表和工作簿合并及一表按列拆分

    2022-06-27 05:58:42
  • Web前端应用十种常用技术

    2010-09-01 20:46:00
  • django传值给模板, 再用JS接收并进行操作的实例

    2021-08-23 08:03:46
  • python实现zencart产品数据导入到magento(python导入数据)

    2022-06-04 12:34:32
  • Linux/Mac MySQL忘记密码命令行修改密码的方法

    2024-01-26 04:42:12
  • 推荐几款MySQL相关工具

    2024-01-23 10:42:12
  • Pytorch训练过程出现nan的解决方式

    2021-04-21 08:12:08
  • jupyter notebook tensorflow打印device信息实例

    2021-02-06 09:34:40
  • python修改list中所有元素类型的三种方法

    2023-10-02 15:26:29
  • python groupby 函数 as_index详解

    2023-09-13 21:04:07
  • Python性能优化的20条建议

    2021-05-20 15:24:12
  • 基于Vue的侧边目录组件的实现

    2024-05-22 10:44:34
  • asp之家 网络编程 m.aspxhome.com