.time {
width:80px;
height:25px;
border:0px red solid;
overflow:hidden;
}
.time span {
float:left;
line-height:25px;
height:25px;
overflow:hidden;
}
.time span.danwei {
padding:0 1px;
}
.clear {
height:0;
clear:both;
overflow:hidden;
}
var overa;
overa = new Date(2014, 5, 12, 00, 00);///第数日时间当时间超过999小时
var localNow = new Date();
function clock1(){
var local = new Date();
var intDiff = overa.getTime() - local.getTime();
if(intDiff <= 0){document.getElementById('time1').innerHTML = "已经开赛啦!";//显示活动结束return false;}
var day = Math.floor(intDiff / (1000 * 60 * 60)) - (day * 24);
var day1 = Math.floor(intDiff / (1000 * 60 * 60 * 24));
var hour = Math.floor(intDiff / (1000 * 60 * 60)) - (day * 24);
var hour2 = Math.floor(intDiff / (1000 * 60 * 60));
var minute = Math.floor(intDiff / (1000 * 60)) - (day * 24 * 60) - (hour * 60);
var second = Math.floor(intDiff / 1000) - (day * 24 * 60 * 60);
if (hour2 <= 99) hour2 = '0' + hour2;
if (day <= 9) day = '0' + day;
/*if (hour2 <= 9) hour2 = '0' + hour2;
if (minute <= 9) minute = '0' + minute;
if (second <= 9) second = '0' + second; */
document.getElementById('day_01').style.marginTop = (day1.toString().substr(0,1)) * (-25) +'px'; document.getElementById('day_02').style.marginTop = (day1.toString().substr(1,1)) * (-25) +'px'; document.getElementById('day_03').style.marginTop = (day1.toString().substr(2,1)) * (-25) +'px';
setTimeout("clock1()", 1000);
}
clock1();
倒计时牌设计 《计算机原理及接口技术》 课程综合实验报告 题目 学院电子与控制工程学院专业建筑设施智能技术班级320601 学生姓名学号 指导教师 前言 微机原理和接口技术是一门实践性强的学科,其中很多的原理、规则、现象等仅仅靠学习教科书是无法完全掌握的,必须通过实践才能比较直观和深刻的理解。在进行课程设计的过程中,可以让学生体验分析问题、提出解决方案、通过编程等手段实现解决方案、不断调试最终达到设计要求的全过程,从而帮助学生系统地掌握微机原理的接口技术的相关知识,达到将知识融会贯通的目的。本次设计的基于单片的倒计时器相较传统机械式倒计时器具有可以灵活可调、性价比高等优点,有在现实生活中得到广泛应用的发展潜力。本课程设计共同设计。 摘要 本次设计采用的是8255A、8253、5255、数码管以及按
键开关组成的一个实现具有天、时、分、秒倒计功能的倒计时器。电路具有时间显示功能,能在八位数码管每隔1秒钟,计时器减1。有外部键盘能输入初始值,在倒计时为整数小时出现声光报警 目录 一.引言 本次计算机原理及接口技术课程综合实验我们的课题是:。综合性实验设计能够很好地培养学生综合运用所学知识的能力,提高学生解决实际问题的能力;培养学生查阅资料,使用工程设计标准、手册及编写设计技术的能力;培养学生初步掌握设计开发产品的能力,了解微机控制系统的一般设计方法;提高学生的计算机绘图能力。 倒计时牌的设计应该满足以下要求: 显示倒计时天数以及小时、分钟、秒。参数可手动设置 每当剩余时间为整数个小时时,声光报警提示 设计基于Protues仿真的8086、8253、8255等和EMU8086汇编完成设计要求。二.设计方案阐述 1、方案整体思想本系统设计以8086微处理器作为CPU,用8253做定时计数器产生时钟脉冲,8255做可编程并行接口显示时钟和键盘电路,8259做中断
高亮显示关键字的js脚本
湖南科技大学 课程设计报告课程名称:单片机原理及应用课程设计 设计题目:电阻测量 院系:通信与控制工程系 专业:通信工程 班级: 学生姓名: 学号: 08409218 08409224 起止日期:2010年12月20日~ 2010年12月31日指导教师: 教研室主任:
指导教师评语: 指导教师签名:年月日 成绩 评 定 项目 权 重 成绩 1、设计过程中出勤、学习态度等方面0.2 2、课程设计质量与答辩0.5 3、设计报告书写及图纸规范程度0.3 总成绩 教研室审核意见: 教研室主任签字:年月日 教学系审核意见: 主任签字:年月日
基于STC89C52的倒计时器设计 1 设计任务与要求 本项目是由单片机执行设定的程序,在数码管显示倒计时的时间,且能由单片机接受矩阵键盘设定的时间。由4位数码管做显示,能够实现5种倒计时模式,通过控制按键进行选择9999s-0s、999s-0s、99s-0s、9s-0s、开始值由人工输入-0s。 2 方案设计与论证 近年来随着计算机在社会领域的渗透,单片机的应用正在不断地走向深入,同时带动传统控制检测日新月益更新。现在,在许多领域中,定时器得到了广泛的应用,比如在体育比赛中的计时器;安全措施中的定时报警器;游戏中的倒计时;维持秩序的交通信号灯;红路灯,交通控制器,闹钟等等。可见倒计时器在社会中的重要性。当然,设计倒计时器的方法很多,以下是两个设计方案。 方案一:基于AT89S52单片机的LCD液晶显示模块1602显示的倒计时器。主要是以单片机来控制,用按键来设定倒计时初始时刻的值,用按键来进行倒计时初值的选择,LCD1602液晶作为显示模块来显示倒计时间。 方案二:基于AT89S52单片机的数码管显示模块显示的倒计时器。主要是以单片机来控制,用按键来设定倒计时初始时刻的值,按键来进行倒计时初值的选择。此电路对于倒计时器中的LED数码管示器来说,采用以软件为主的接口方法,即不使用专门的硬件译码器,而采用软件程序进行译码。 方案比较:通过以上两个方案,我们发现,方案二总体比方案一好。首先方案一虽然硬件电路简单,但造价较高,且在编写程序实现所要求的功能时较难,而方案二所用的显示模块是比较熟悉的数码管,编写程序是相对容易,且电路造价不高,因此,综合考虑之后决定采用方案二。
1、直接在前台调用javascript 函数 很简单,在head 元素之间加入script 元素,将type 元素设置为" text/javascript " 如: 复制代码代码如下:
. 定时电路的设计 ——数字逻辑课程设计 学院:计算机学院 专业班级:计科13
时间:2015年1月4日 目录 设计要求 (3) 正文 一、倒计时器组成及原理 (3) 1.1倒计时计数器组成 (3) 1.2工作原理 (3) 二、拟定设计方案 (4) 2.1用Multisim进行仿真设计 (4) 2.2设计实现数码管显示 (4) 2.3设计555定时振荡实现秒振荡发生功能 (4) 2.4设计实现减法计数功能 (5) 2.5设计实现二位数减法计数功能 (5) 2.6设计实现反馈电路实现30秒计数功能 (5) 2.7设计实现控制电路实现启动、清零/复位和暂停/继续计数控制电路 (5) 2.7.1清零/复位电路 (5) 2.7.2暂停/继续计数电路 (6) 2.7.3启动电路 (7) 2.8设计实现闪烁报警电路 (8) 三、功能说明总结 (9) 四、课程设计小结 (9) 参考文献 (10) 附录: 一、电路原理图 (11) 二、元器件明细表 (11)
设计要求: 设计30秒倒计时计数器。 30秒倒计时器的设计功能要求包括: 1.具有30S减计时功能,计时时间到后发出声光报警信号(点亮LED,喇叭鸣叫); 2.计时时间精确(用石英振荡器产生秒信号); 3.用数码管显示剩余时间; 4.具有复位、启动、暂停、继续等操作按钮; 正文: 一、倒计时器组成及原理 1.1倒计时计数器组成 倒计时计数器选用TTL集成电路,主要由秒定时振荡发生器、减法计数器、译码器、七段数码显示器、控制电路、闪烁报警电路等组成,在电路工作过程中,电路能够通过控制器实现开始计数、清零/复位、暂停/继续计数等功能,在倒计时结束保持00状态并不断闪烁提示报警,原理图如下: 图1 1.2工作原理 当电路工作时,由555定时器组成多谐振荡器,选取适当的电容使振荡周期为1s;用两片减法计数器芯片级联组成二位数计数器,用七段数码管显示计数;控制电路通过控制减
好程序员web前端分享用CSS和JS打造一个简单的图片编辑器 好程序员web前端分享用CSS和JS打造一个简单的图片编辑器,本文主要是利用CSS的filter和简单的Jquery代码来实现一个简单的图片编辑器,包括对图片的透明度,黑白,图片亮度等调节。 CSS filter 我们首先来探讨一下filter。 首先来说明一下filter,在CSS里面要实现filter,其实很简单,使用类似下面的声明方式: 1..example{ 2.filter:[]; 3.} 比如说,我们给图片添加一点灰度(grayscale)特效,就可以这样: 1..example{ 2.filter:grayscale(90%); 3.} 当然,为了浏览器兼容,我们最好这样写: 1..example{
2.-webkit-filter:grayscale(90%); 3.filter:grayscale(90%); 4.} 需要注意的是:filter的属性值的单位通常可能是从0到1之间,但是有些不是这样的,比如blur是使用像素'px'来作为单位的,而hue-rotate则使用角度deg来作为基本单位; 1..example{ 2.filter:blur(10px); 3.} 4..example-2{ 5.filter:hue-rotate(90deg); 6.} 但是如果每次只能使用一个filter就比较麻烦了,所以CSS提供了更加方便的书写形式,直接并排着写: 1..example{ 2.filter:grayscale(0.5)blur(10px); 3.} 这样就可以实现对一个元素添加多个filter属性。 简单地说完filter之后,我们来动手创建一个简单的图片编辑器。 创建基本的HTML文件 在这里我们创建一个index.html,代码也比较简单:
学号 电子线路综合设计 设计说明书 数显倒计时电路设计 起止日期:2014 年6 月29 日至2014 年7 月10 日 学生姓名 班级13信科1 成绩 指导教师(签字) 计算机与信息工程学院 2014 年7 月10 日
课程设计任务书 2014 —2015学年第二学期 计算机与信息工程学院电子信息与科学专业 13信科1班级 课程设计名称:电子线路综合设计 设计题目:数显倒计时电路设计 完成期限:自 2015 年 6 月 29 日至 2015 年 7 月 10 日共 2 周 设计依据、要求及主要内容(可另加附页): 一、课程设计依据 数码显示管、555定时电路、计数器的逻辑功能 二、课程设计内容 设计并制作一个数显倒计时电路。要求如下: 1、电路具有10~99秒可预置定时功能。 2、有两个数码管显示计时时间,用一只LED指示计时开始与结束。按预置/开始按钮,数码管显示定时时间,LED不亮;再按预置/开始按钮,LED亮,倒计时开始。 3、倒计时结束时,计数器停止计数,LED不亮。 4、电路具有开机预置数功能。 5、自制本电路所用的直流电源和一秒信号源。 三.课程设计要求 1.要求独立完成设计任务。 2.课程设计的说明书要求简洁、通顺,计算正确,图纸表达内容完整、清楚、规范。 3.测试要求:根据题目的特点,设计电路并仿真,最后焊接电路并进行调试。 4.课设说明书要求: 1)说明题目的设计电路图、仿真结果和调试过程。 2)详细介绍运用的理论知识和电路图设计过程。 3)绘制电路图并对硬件调试过程进行详细的分析。 指导教师(签字): 教研室主任(签字): 批准日期:2015 年 6 月 25 日
一个简单的导航菜单【原创】 分类导航菜单是网上常见的效果,特别是在购物类网站和博客类网站上,几乎都有出现。 对于一个HTML和CSS初学者来说,看到这么多漂亮的导航菜单,无不有点心动,更欲有亲自动手尝试的冲动,但由于CSS的知识掌握的不够全面或了解的不够深入,往往做出来的效果不尽人意,涂生遗憾。 下面为大家带来一个简单的导航菜单的制作心得。 开始前必须先了解几个重要的CSS样式属性: 1. margin:定义元素的外边距 2. padding:定义元素的内边距 3. display:定义元素的显示样式,取值为 inline:表示行内元素,对于行内元素不能通过width和height来设置宽和高,宽和高由元素的内容和padding决定。 block:表示块元素,可以通过width和height来设置宽和高,默认的宽度会填满整个父元素。 4. line-height:设置文字的行高,通过设置该样式,可使文字在一定的高度内垂直居中。 5. float:使元素具有浮动效果,设置了float样式的元素,都可以通过width和height来设置宽和高,并且多个元素可在同一行出现(行内) 好了,搞懂了上面的CSS属性,将它们相互配合就很容易搞定导航菜单啦。。。。 全部代码如下: