python罗盘时钟代码,罗盘时钟(原创)
var Months = ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'];
var Days = ['一号', '二号', '三号', '四号', '五号', '六号', '七号', '八号', '九号', '十号', '十一号', '十二号', '十三号', '十四号', '十五号', '十六号', '十七号', '十八号', '十九号', '二十号', '二十一号', '二十二号', '二十三号', '二十四号', '二十五号', '二十六号', '二十七号', '二十八号', '二十九号', '三十号', '三十一号'];
var Dates = ['星期一', '星期二', '星期三', '星期四', '星期五', '星期六', '星期日'];
var Hours = ['零点', '一点', '二点', '三点', '四点', '五点', '六点', '七点', '八点', '九点', '十点', '十一点', '十二点', '十三点', '十四点', '十五点', '十六点', '十七点', '十八点', '十九点', '二十点', '二十一点', '二十二点', '二十三点'];
var Minutes = ['一分', '二分', '三分', '四分', '五分', '六分', '七分', '八分', '九分', '十分', '十一分', '十二分', '十三分', '十四分', '十五分', '十六分', '十七分', '十八分', '十九分', '二十分', '二十一分', '二十二分', '二十三分', '二十四分', '二十五分', '二十六分', '二十七分', '二十八分', '二十九分', '三十分', '三十一分', '三十二分', '三十三分', '三十四分', '三十五分', '三十六分', '三十七分', '三十八分', '三十九分', '四十分', '四十一分', '四十二分', '四十三分', '四十四分', '四十五分', '四十六分', '四十七分', '四十八分', '四十九分', '五十分', '五十一分', '五十二分', '五十三分', '五十四分', '五十五分', '五十六分', '五十七分', '五十八分', '五十九分', '六十分'];
var Second = ['一秒', '二秒', '三秒', '四秒', '五秒', '六秒', '七秒', '八秒', '九秒', '十秒', '十一秒', '十二秒', '十三秒', '十四秒', '十五秒', '十六秒', '十七秒', '十八秒', '十九秒', '二十秒', '二十一秒', '二十二秒', '二十三秒', '二十四秒', '二十五秒', '二十六秒', '二十七秒', '二十八秒', '二十九秒', '三十秒', '三十一秒', '三十二秒', '三十三秒', '三十四秒', '三十五秒', '三十六秒', '三十七秒', '三十八秒', '三十九秒', '四十秒', '四十一秒', '四十二秒', '四十三秒', '四十四秒', '四十五秒', '四十六秒', '四十七秒', '四十八秒', '四十九秒', '五十秒', '五十一秒', '五十二秒', '五十三秒', '五十四秒', '五十五秒', '五十六秒', '五十七秒', '五十八秒', '五十九秒', '六十秒'];
var Otimeout = document.querySelectorAll('.timeout');
var date = new Date();
var month = date.getMonth() + 1;
var data = date.getDate();
var day = date.getDay();
var hours = date.getHours();
var minutes = date.getMinutes();
var seconds = date.getSeconds();
console.log(day)
console.log(data)
var nowsecond = 'rotate(' + -6 * (seconds - 1) + 'deg)'
Otimeout[0].style.transform = nowsecond;
var nowminutes = 'rotate(' + -6 * (minutes - 1) + 'deg)'
Otimeout[1].style.transform = nowminutes;
var nowhours = 'rotate(' + -15 * (hours) + 'deg)'
Otimeout[2].style.transform = nowhours;
var nowday = 'rotate(' + -51.4 * (day - 1) + 'deg)'
Otimeout[3].style.transform = nowday;
var nowdata = 'rotate(' + -11.6 * (data - 1) + 'deg)'
Otimeout[4].style.transform = nowdata;
(function() {
//秒
for (var i = 0; i < 60; i++) {
var secbox = document.createElement('div');
secbox.className = 'secbox'
var Rotate = 'rotate(' + 6 * i + 'deg)'
// console.log(Rotate)
secbox.style.transform = Rotate
secbox.innerText = Second[i]
secbox.style.textAlign = 'right'
Otimeout[0].appendChild(secbox);
}
//分
for (var i = 0; i < 60; i++) {
var minbox = document.createElement('div');
minbox.className = 'minbox'
var Rotate = 'rotate(' + 6 * i + 'deg)'
// console.log(Rotate)
minbox.style.transform = Rotate
minbox.innerText = Minutes[i]
minbox.style.textAlign = 'right'
Otimeout[1].appendChild(minbox);
}
//时
for (var i = 0; i < 24; i++) {
var houbox = document.createElement('div');
houbox.className = 'houbox'
var Rotate = 'rotate(' + 15 * i + 'deg)'
// console.log(Rotate)
houbox.style.transform = Rotate
houbox.innerText = Hours[i]
houbox.style.textAlign = 'right'
// houbox.style.textIndent = '1em'
Otimeout[2].appendChild(houbox);
}
//星期
for (var i = 0; i < 7; i++) {
var datbox = document.createElement('div');
datbox.className = 'datbox'
var Rotate = 'rotate(' + 51.4 * i + 'deg)'
// console.log(Rotate)
datbox.style.transform = Rotate
datbox.innerText = Dates[i]
datbox.style.textAlign = 'right'
Otimeout[3].appendChild(datbox);
}
//天
for (var i = 0; i < 31; i++) {
var daybox = document.createElement('div');
daybox.className = 'daybox'
var Rotate = 'rotate(' + 11.6 * i + 'deg)'
// console.log(Rotate)
daybox.style.transform = Rotate
daybox.innerText = Days[i]
daybox.style.textAlign = 'right'
Otimeout[4].appendChild(daybox);
}
(function() {
var count = seconds - 1;
var con = minutes - 1;
var cos = hours - 2;
var timer = setInterval(function() {
count++
var rotate = 'rotate(' + -6 * count + 'deg)'
Otimeout[0].style.transform = rotate
if (count % 60 == 0) {
con++;
var rotate1 = 'rotate(' + -6 * con + 'deg)'
Otimeout[1].style.transform = rotate1
if (con % 60 == 0) {
cos++;
var rotate2 = 'rotate(' + -15 * cos + 'deg)'
Otimeout[2].style.transform = rotate2
}
}
}, 1000)
})();
})()
function $(id) {
return document.querySelector(id)
}
python罗盘时钟代码,罗盘时钟(原创)相关推荐
- python数码时钟代码_python时钟的实现
from time importsleepimporttimeimportosclassClock(object):"""数字时钟""" d ...
- python时钟代码_python时钟 - 『编程语言区』 - 吾爱破解 - LCG - LSG |安卓破解|病毒分析|www.52pojie.cn...
[Python] 纯文本查看 复制代码import time import tkinter as tk from borax.calendars.lunardate import LunarDate ...
- jQuery罗盘时钟代码
源码介绍: jQuery罗盘时钟代码基于jquery-3.4.1.min.js制作,环形罗盘,时钟动画. 网盘下载地址: http://www.bytepan.com/4iimSDHOqnu 图片:
- python绘制动态模拟图-Python实现模拟时钟代码推荐
语言:Python IDE:Python.IDE 一.编写时钟程序,要求根据时间动态更新 代码思路 需求:5个Turtle对象, 1个绘制外表盘+3个模拟表上针+1个输出文字 Step1:建立Turt ...
- python数码时钟代码_Python实现时钟显示效果思路详解
语言:Python IDE:Python.IDE 1.编写时钟程序,要求根据时间动态更新 2.代码思路 需求:5个Turtle对象, 1个绘制外表盘+3个模拟表上针+1个输出文字 Step1:建立Tu ...
- linux下编写时钟代码,Linux时间子系统之一:clock source(时钟源)【转】(示例代码)...
clock source用于为linux内核提供一个时间基线,如果你用linux的date命令获取当前时间,内核会读取当前的clock source,转换并返回合适的时间单位给用户空间.在硬件层,它通 ...
- 使用python监控NTP系统(时钟服务器)
使用python监控NTP系统(时钟服务器) 背景 需求 设计 实现 背景 背景很简单,内部NTP系统出现故障,时间不准确,且误差很大. 需求 监控NTP系统运行状态,与正确时间进行对比,并计算偏差值 ...
- HTML5 Canvas爱心时钟代码
这是一款数字时钟动画,数字又多个小爱心组成,又何问起整理,随着时间推进,每一秒钟新数字替换旧数字,旧数字离去使用天女散花动画,花是五颜六色的. 查看效果: http://hovertree.com/t ...
- java数字时钟代码,Android自定义数字时钟代码,android自定义时钟,package jp.t
Android自定义数字时钟代码,android自定义时钟,package jp.tpackage jp.tsmsogn.digitalclock;import java.util.Calendar; ...
- java时钟代码_一个经典的JAVA APPLET时钟程序(一)
转眼间一年又要过了,自己又老了一岁,郁闷啊.趁着还有几分钟才新年,赶快再发几篇文章,给过去的一年添点东西. 该程序是从网上发现的,是一个简单的时钟显示程序. 代码特色: 时钟代码提供了各种接口,可以在 ...
最新文章
- 01_Difference between case object and object
- Struts2学习笔记-part1: 快速起步
- linux c ping实现
- mxnet自定义训练日志
- ABAP报表中负值展示问题的处理方法
- 云计算机房所用服务器,什么是云机房、云服务器、云主机?这三者有什么区别?...
- Ubuntu下的第一个博客
- Angular Schematics 学习笔记
- SVN遇到Can't convert string from 'UTF-8' to native encoding(转)
- BZOJ 3251: 树上三角形
- Node.js:借助formidable文件上传
- no override found for vtkpolydatamapper解决方法
- 最简单的WIN7内核PE系统的U盘安装方法+WIN7密码破解
- html语言制作留言条,html怎么操作来实现留言板样式?(代码示例)
- python cox模型_python Cox比例风险假设检验-基于lifelines库
- 为什么一打电话就显示服务器故障,手机打电话黑屏怎么回事?手机打电话时出现黑屏情况的解决办法介绍...
- 期货从业有哪些公式要背?
- eacharts y轴留白策略
- 超声波传感器(CHx01) 学习笔记 Ⅴ- 参数配置
- 笔记-EXCEL 周报制作