Web学习（2）_red.tostring(16)什么意思-CSDN博客

本文链接：https://blog.csdn.net/qiujianhui001/article/details/46606067

颜色变换的实例：

	function changeColor(){

	var red= Math.ceil(Math.random()*255);
//随机数的产生

	var green = Math.ceil(Math.random()*255);

	var blue = Math.ceil(Math.random()*255);

	var color = "#"+red.toString(16)+green.toString(16)+blue.toString(16);
//16进制的转换与颜色的变换

	var s = document.getElementById("content");

	s.style.color = color;

	s.style.fontWeight = "blod";

  <p id = "content">我要变颜色！</p>

  <input type = "button" value = "变换颜色"  onclick = "changeColor()">

日期对象：var myDate = new Date();当前日期和时间

         var myDate = new Date(年，月，日);年月日

         var myDate = new Date(毫秒数)；指定的一个日期

         get方法组，得到具体的值

         set方法组，设置具体的值

         转换方法组

         year = myDate.getFullYear();

         month = myDate.getMonth();

         day = myDate.getDate();

         hour = myDate.getHours();

         minute = myDate.getMinutes();

         second = myDate.getSecinds();

         week = myDate.getDay();

月份从0开始。toDateString()日期对象字符串，英文版。toLocaleDateString()具体的年月日显示。

下拉式出生日期选择：<select><option selected></option></select>，下拉式框,下拉式框中的选择项,selected是选择当前显示项

 var date = new Date();

  var year = date.getFullYear();

  for (var i = 1900; i <= year; i++)

  if(i == year)

    document.write("<option selected>"+i+"</option>");

  }else{

    document.write("<option>"+i+"</option>");

计时器的实例：

        <title>倒计器</title>

	<script type = "text/javascript">

	function calDay(){

	var date = new Date();

	document.getElementById("currentDate").innerText = date.toLocaleString();//当前日期

	var year = document.getElementById("year").value;

	var month = document.getElementById("month").value-1;//我们给的月份是在原来的基础上加了1的，所以需要减去，注意这一点

	var day = document.getElementById("day").value;

	var endDate = new Date(year,month,day);

	var diff = endDate.getTime()-date.getTime();//毫秒数的获得

	var result = Math.ceil(diff/(1000*60*60*24));

	document.getElementById("result").innerText = result;

	</script>

  </head>

  <body>

  <span id = "currentDate"></span><br/>

  <label>年</label><input type = "text" id = "year"/>

  <label>月</label><input type = "text" id = "month"/>

  <label>日</label><input type = "text" id = "day"/>

  <input type = "button" value = "计算" onclick = "calDay()">

  <br/><span>距离开幕时间还有：</span>

  <span id = "result"></span><span>天</span>

  </body>

动态怎么实现？？？？？？？？？？？

<table>表格<tr>行<th>列<td>里面的内容

日历的实现：

	<script type = "text/javascript">

	var f = 1;

	var date = new Date();

	var currentDay = date.getDate();//当前日期

	var year = date.getFullYear();//当前年份

	var month = date.getMonth();//当前月份

	date.setDate(1);//当前月份的1号

	var week = date.getDay();//星期几，有0的存在

	var monthDays;

	var months = [1,2,3,4,5,6,7,8,9,10,11,12];

	var days = [31,28,31,30,31,30,31,31,30,31,30,31];

	var weeks = ["日","一","二","三","四","五","六"];

	var yearFlag = 0;

	if((year % 4 == 0 && year % 100 != 0) || (year % 400 == 0))  //闰年判断

	yearFlag = 1;

	}else{

	yearFlag = 0;

	if(month == 1){

	monthDays = days[month]+yearFlag;

	}else{

	monthDays = days[month];

	var rows = Math.floor((week + monthDays +6)/7);//行数的计算

	document.write("<div id = 'date'><table class = 'tb'>");//表格

	document.write("<tr>");//行

	for(var index in weeks){

	document.write("<th>"+weeks[index]+"</th>")//th是列

	for(var i = 0 ; i < rows; i++)

	document.write("<tr>");

	for(var j = 0; j < 7; j++)

	if(i == 0 && j < week)

	document.write("<td>");

	}else

	if(f > monthDays){break;}//判断

	document.write("<td id = "+f+">"+f);

	if(f == currentDay){document.getElementById(f).style.backgroundColor = 'red';}

	f++;

	document.write("</td>");

	document.write("</tr>");

	document.write("</tr>");

	document.write("</table></div>");

	</script>