js实现动态数字时钟
2024-08-28 01:41:07
1.效果如下
2.html部分
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JS — 实现简单的数字时钟效果</title>
<link rel="stylesheet" type="text/css" href="">
</head>
<body>
<div class="demo">
<span id="nowTime"></span>
</div>
</body>
3.js部分
<script type="text/javascript">
var newDate = '';
getLangDate();
function dateFilter(date){ //值小于10时,在前面补0
if(date < ){
return ""+date;
}
return date;
} function getLangDate(){
var dateObj = new Date(); //表示当前系统时间的Date对象
var year = dateObj.getFullYear(); //当前系统时间的完整年份值
var month = dateObj.getMonth()+; //当前系统时间的月份值
var date = dateObj.getDate(); //当前系统时间的月份中的日
var day = dateObj.getDay(); //当前系统时间中的星期值
var weeks = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
var week = weeks[day]; //根据星期值,从数组中获取对应的星期字符串
var hour = dateObj.getHours(); //当前系统时间的小时值
var minute = dateObj.getMinutes(); //当前系统时间的分钟值
var second = dateObj.getSeconds(); //当前系统时间的秒钟值
var timeValue = "" +((hour >= ) ? (hour >= ) ? "晚上" : "下午" : "上午" ); //当前时间属于上午、晚上还是下午
newDate = dateFilter(year)+"-"+dateFilter(month)+"-"+dateFilter(date)+" "+dateFilter(hour)+":"+dateFilter(minute)+":"+dateFilter(second);
document.getElementById("nowTime").innerHTML = "当前时间: "+newDate+" "+week;
setTimeout(getLangDate,);
}
</script>
</html>
最新文章
- 常用RGB色值表
- uploadfile上传文件时ie浏览器无法弹出窗口
- iOS开发 - 网络数据安全加密(MD5)
- 获取CPUID等
- ava中拦截器 过滤器 监听器都有什么区别
- AC、HC、AHC、ACT、LS的区别
- Java开源项目(备查)
- Python自动化运维之22、JavaScript
- Networking
- Gradle 1.12 翻译——第十三章 编写构建脚本
- 【转】windows下vs2008/2010+opencv2.2开发环境搭建
- My SQL 常用函数
- easyui-layout中的收缩层无法显示标题问题解决
- linux下C/C++,多线程pthread《转载》
- 【Beta】 第六次Daily Scrum Meeting
- Java WEB ----- 文件的上传
- shell 生成MAC地址
- Sudoku(第二次作业)
- python slave status 2
- Linux上防火墙开放对应的端口
热门文章
- _MSC_VER
- 云巴-JavaScript API测试与实例(新)
- linux 文件IO
- C++ string类析构报错
- Mongodb 备份 还原 导出 导入 等批量操作
- Android Studio Gradle&#39;s dependency cache may be corrupt Re-download dependencies and sync project (requires network)
- codeforces 876 C. Classroom Watch
- NOIP 2015 提高组 Day1
- vijos 1288 箱子游戏 计算几何
- docker使用host模式启动nginx