js--select组件和时间应用

原创于 2010-07-23 17:12:26 发布 · 191 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #Go #ViewUI

本文介绍了如何使用HTML创建一个带有下拉菜单的友情链接导航，并利用JavaScript实现实时时间显示的功能。下拉菜单中包含了指向不同网站的链接，而时间显示则通过JavaScript每隔一秒更新页面上的时间。

1.select组件

<SELECT style="WIDTH: 160px;FONT-SIZE: 10pt; BACKGROUND: #ffffff; COLOR: #000000; FONT-FAMILY: Arial" onchange=javascript:window.open(this.options[this.selectedIndex].value) name=select value="GO">

<OPTION value= selected>友情链接</OPTION>

<option value=http://www.ia.ac.cn>中科院自动化所</option>

<option value=http://www.gucas.ac.cn>中国科学院研究生院</option>

</SELECT>

2. 时间

	<script type="text/javascript">
			window.onload = function(){
			    clock_load(document.getElementById("clock"));
			}
			function clock_load(obj){
			 if(typeof(obj)=="string")obj=o.o(obj);if(!obj)return;
			 window.setInterval( function(){
			  obj.innerHTML = new Date().toLocaleString();
			 },1000);
			}
			</script>



<h1>
							<div id="clock">
								正在加载时间，请稍候...
							</div>
						</h1>