html实现点击复制，js点击复制

比如复制当前时间，html点击复制

<textarea id="copy" style="position: absolute;left: -500px;top: -500%;opacity: 0;z-index: -10;"></textarea>

<p id="cent"><span id="shijian"></span></p>

<button id="btn">copy</button>

以下是js部分

<script type="text/java script">

window.onload=function()

{

window.requestAnimationFrame(getDate)

}

function getDate()

{

window.setTimeout(function(){

window.requestAnimationFrame(getDate)

},1000/2)

var d=new Date();

var year=d.getFullYear() //获取年

var month=d.getMonth()+1; //获取月，从 Date 对象返回月份 (0 ~ 11)，故在此处+1

var day=d.getDay() //获取日

var days=d.getDate() //获取日期

var hour=d.getHours() //获取小时

var minute=d.getMinutes() //获取分钟

var second=d.getSeconds() //获取秒

if(month<10) month="0"+month

if(days<10) days="0"+days

if(hour<10) hour="0"+hour

if(minute<10) minute="0"+minute

if(second<10) second="0"+second

//var week=new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六")

var Tools=document.getElementById("shijian")

//var da=year+" 年 "+month+" 月 "+days+" 日 "+week[day]+" "+hour+" : "+minute+" :"+second

var da=year+"年"+month+"月"+days+"日 "+hour+":"+minute+":"+second

Tools.innerHTML=da

}

</script>

<script type="text/java script">

     //处理按钮点击事件

     var btn = document.getElementById('btn');

     btn.onclick = function(){

       //获取p节点的文本

       var ctnt = document.getElementById('cent').innerText;

       //为textarea的value赋值

       var copy = document.getElementById('copy');

       copy.value = ctnt;

       //调用选中，执行复制命令

       copy.select();

       document.execCommand('copy');

       //提示成功

       alert('拷贝成功！');

     }

   </script>