南大软院二十一天成神计划
2015-12-01 23:49
197 查看
今天就举个例子来说一下我学习的新内容,就拿计时器的例子来说:
<script type="text/javascript">
var attime;
function clock(){
var time=new Date();
attime=time.getHours()+":"+time.getMinutes()+":"+time.getSeconds();
document.getElementById("clock").value = attime;
}
setInterval(clock,100);
</script>
</head>
<body>
<form>
<input type="text" id="clock" size="50" style="background:#000;color:#00ff00;width:50px"; />
</form>
首先声明变量并命名为attime:var attime,然后调用函数,在这里,我们写了一个函数clock,通过运用此函数,来达到我们想要输出时间的效果,time.getHours、time.getMinutes等一系列是为了获取我们所需要的时间。后面document获取输出。
后面给显示时间的框定义了样式,大小、背景色等。效果如图:
<script type="text/javascript">
var attime;
function clock(){
var time=new Date();
attime=time.getHours()+":"+time.getMinutes()+":"+time.getSeconds();
document.getElementById("clock").value = attime;
}
setInterval(clock,100);
</script>
</head>
<body>
<form>
<input type="text" id="clock" size="50" style="background:#000;color:#00ff00;width:50px"; />
</form>
首先声明变量并命名为attime:var attime,然后调用函数,在这里,我们写了一个函数clock,通过运用此函数,来达到我们想要输出时间的效果,time.getHours、time.getMinutes等一系列是为了获取我们所需要的时间。后面document获取输出。
后面给显示时间的框定义了样式,大小、背景色等。效果如图:
相关文章推荐
- STM32 PCB触摸按键(RC检测法)
- 森林病虫防治系统(九)
- Linux内核zero-copy小试牛刀(加注释)
- Lighty的Chunk设计
- python核心编程-函数-装饰器
- 培训机构毕业的程序员被歧视的背后逻辑
- DNS域名解析过程
- css中的注意项,可能会帮助到大家哦!
- windows溢出保护原理与绕过方法概览
- Android-Property Animation(属性动画)
- session和cookie
- 永久修改python默认的字符编码为utf-8
- 更改实体字段类型,引用实体的类会重新编译【java.lang.NoSuchMethodError】
- python核心编程-函数-内嵌函数
- 三个有意思的php函数
- web.xml详解
- 理论沉淀:隐马尔可夫模型(Hidden Markov Model, HMM)
- 1023. Have Fun with Numbers (20)【字符串操作】——PAT (Advanced Level) Practise
- vim实用技巧
- [iOS 开发问题解决]kCFStreamNetworkServiceTypeVoIP' is deprecated