js列表添加内容清除内容,时钟

<div id="wai">
        	<div id="zuo">
            	<select multiple="multiple" id="znr" style="width:200px; height:200px;">
                	<option value="山东">山东</option>
                    <option value="淄博">淄博</option>
                    <option value="张店">张店</option>
                </select>
            </div>
            <div id="zhong">
            	<div style="margin-left:25px; margin-top:20px;">
                    <input type="button" value=">>" style="width:50px;" onclick="Moveall()" />
                </div>
                <div style="margin-left:25px; margin-top:20px;">
                    <input type="button" value=">" style="width:50px;" onclick="Moveone()"/>
                </div>
                <div style="margin-left:25px; margin-top:20px;">
                    <input type="button" value="<<" style="width:50px;" onclick="X1()" />
                </div>
            </div>
            <div id="you">
            	<select id="ynr" multiple="multiple" style="width:200px; height:200px;"> 
                </select>
            </div>
        </div>

 

*{
                margin:0px auto;
                padding:0px;
                }
                
            #wai{
                width:500px;
                height:500px;
                }
            #zuo{
                float:left;
                width:200px;
                height:500px;
                }
            #zhong{
                float:left;
                width:100px;
                height:500px;
                }
            #you{
                float:left;
                width:200px;
                height:500px;
                }

 

function Moveone()
		{
			var left = document.getElementById("znr");//获取id的元素
			var right = document.getElementById("ynr");
			var lz = left.value;//获取value属性
			var str;//定义变量
			str ="<option value='"+lz+"'>"+lz+"</option>";//字符串拼接
			var bs=0;//随便设置
			for(var i=0;i<right.childNodes.length;i++)
			{
				if(right.childNodes.item(i).text == lz)
				//right.childNodes.item(i).text=select下子元素里每个索引对应的文本
				{
					bs = 2;
					//只要不等于0就行	
				}
			}
			if(bs==0)
			{
				right.innerHTML = right.innerHTML+str;//		
			}	
		}
		function Moveall()
		{
			var left = document.getElementById("znr");
			var right = document.getElementById("ynr");
			right.innerHTML = left.innerHTML;	
		}
		function X1()
		{
			var left = document.getElementById("znr");
			var right = document.getElementById("ynr");
			right.innerHTML="";	
		}

 

显示当前时间:年月日时分秒

window.setInterval("Time()",1);
    	function Time()
		{
			var date = new Date();
			var n = date.getFullYear();
			var y = date.getMonth()+1;
			var r = date.getDate();
			var x = date.getHours();
			var f = date.getMinutes();
			var m = date.getSeconds();
			var h = date.getMilliseconds() //获取毫秒
			var str = "当前时间:"+n+"年"+y+"月"+r+"日"+x+":"+f+":"+m+":"+h;
			date=document.getElementById("date");
			date.innerHTML = str	
		}

 

 

posted @ 2018-04-20 08:22  navyyouth  阅读(369)  评论(0编辑  收藏  举报