當前位置:編程學習大全網 - 網站源碼 - js實現壹個每秒改變顏色的時鐘 急急急

js實現壹個每秒改變顏色的時鐘 急急急

<html>

<script>

window.onload?=?function()?{

var?clock?=?document.getElementById('clock');

var?color?=?['red',?'green',?'yellow',?'blue',?'black',?'gold',?'orange',?'gray',?'pink',?'maroon'];?//鐘表顏色數組

setInterval(function()?{

var?now?=?new?Date();

clock.innerHTML?=?now.getFullYear()?+?'年'?+?(now.getMonth()+1)?+?'月'?+?now.getDate()?+?'日'?+?now.getHours()?+?':'?+?now.getMinutes()?+?':'?+?now.getSeconds();

var?radom?=?Math.floor(Math.random()?*?color.length?+?1)?-?1;?//隨機數

clock.style.color?=?color[radom];?//設置隨機顏色

},?1000)

}

</script>

<body>

<span?id="clock"?style="font-size:20px;"></span>

</body>

</html>

  • 上一篇:如何實現hadoop 的安全機制
  • 下一篇:小偷是怎麽判刑的?
  • copyright 2024編程學習大全網