【JS】javascript实现页面显示数字时钟

js实现页面时钟效果


function showTime() {var show_day = new Array('星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六');var time = new Date();var year = time.getYear();if (year < 1000) {year += 1900;}var month = time.getMonth();var date = time.getDate();var day = time.getDay();var hour = time.getHours();var minutes = time.getMinutes();var second = time.getSeconds();var dn="AM";if (hour>=12) { dn="PM"; }month = month + 1;month < 10 ? month = '0' + month : month;hour < 10 ? hour = '0' + hour : hour;minutes < 10 ? minutes = '0' + minutes : minutes;second < 10 ? second = '0' + second : second;var now_time = year + '年' + month + '月' + date + '日' + ' ' + show_day[day] + ' ' + hour + ':' + minutes + ':' + second + " " + dn;document.getElementById('showtime').innerHTML = now_time;setTimeout("showTime();", 1000);
}

最终效果

【JS】javascript实现页面显示数字时钟相关推荐

html时显示当前时间的时钟,javascript实现页面的实时时钟显示示例
时钟实现实现这个时钟时间需要解决以下三个问题: 获得当前时间,并格式化如何可以在页面中显示时间让时间动起来 1.获得当前时间,并格式化要获得当前时间,可以使用JavaSctipt的Date对象 ...
圆形数字时钟同时显示数字时钟、日期和星期特效
前几天看到动画效果,于是今天想写个时钟效果分享. <!DOCTYPE html> <html lang="en"><head><meta ...
js选中html的数字设置倒计时,JS实现的网页倒计时数字时钟效果
本文实例讲述了JS实现的网页倒计时数字时钟效果.分享给大家供大家参考.具体实现方法如下: 代码如下: javascript实现的倒计时时钟 body,div{margin:0;padding:0;} ...
Android Studio利用时钟控件AnalogClock显示模拟时钟以及TextClock显示数字时钟
前言利用时钟控件AnalogClock快速制作一个模拟时钟.利用TextClock显示数字时钟. 一.AnalogClock是什么? AnalogClock继承的是View,可重写OnDraw方法. ...
Windows UI改造-任务栏全透明、桌面数字时钟、息屏显示数字时钟
任务栏完全透明 windows系统自带的设置不支持完全透明任务栏,这里需要借助软件TranslucentTB进行设置. TranslucentTB可以在微软商店里找到,也可以用我上传的https:// ...
在网页中显示数字时钟
<html> <head> <title>实时走动的数字时钟</title> </head> <script> function ...
HTML+CSS+JS实现 ❤️ 科技感的数字时钟特效❤️
代码目录: 主要代码实现: css样式 : @charset "utf-8"; @import url("https://fonts.googleapis.com/css ...
javascript 在页面显示xxxx年xx月xx日
<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8 ...
精通javascript笔记(智能社)——数字时钟
JS代码: <script type="text/javascript"> window.οnlοad=function(){ //小于10的数字补零及数字转字 ...

【JS】javascript实现页面显示数字时钟

js实现页面时钟效果

【JS】javascript实现页面显示数字时钟相关推荐

最新文章

热门文章