本文目录一览：
如何用javascript实现一个时钟？
function init(){
clock();
setInterval(clock,1000);
}
function clock(){
var now = new Date();
var ctx = document.getElementById(‘canvas’).getContext(‘2d’);
ctx.save();
ctx.clearRect(0,0,150,150);
ctx.translate(75,75);
ctx.scale(0.4,0.4);
ctx.rotate(-Math.PI/2);
ctx.strokeStyle = “black”;
ctx.fillStyle = “white”;
ctx.lineWidth = 8;
ctx.lineCap = “round”;
// Hour marks
ctx.save();
for (var i=0;i12;i++){
ctx.beginPath();
ctx.rotate(Math.PI/6);
ctx.moveTo(100,0);
ctx.lineTo(120,0);
ctx.stroke();
}
ctx.restore();
// Minute marks
ctx.save();
ctx.lineWidth = 5;
for (i=0;i60;i++){
if (i%5!=0) {
ctx.beginPath();
ctx.moveTo(117,0);
ctx.lineTo(120,0);
ctx.stroke();
}
ctx.rotate(Math.PI/30);
}
ctx.restore();
var sec = now.getSeconds();
var min = now.getMinutes();
var hr = now.getHours();
hr = hr=12 ? hr-12 : hr;
ctx.fillStyle = “black”;
// write Hours
ctx.save();
ctx.rotate( hr*(Math.PI/6) + (Math.PI/360)*min + (Math.PI/21600)*sec )
ctx.lineWidth = 14;
ctx.beginPath();
ctx.moveTo(-20,0);
ctx.lineTo(80,0);
ctx.stroke();
ctx.restore();
// write Minutes
ctx.save();
ctx.rotate( (Math.PI/30)*min + (Math.PI/1800)*sec )
ctx.lineWidth = 10;
ctx.beginPath();
ctx.moveTo(-28,0);
ctx.lineTo(112,0);
ctx.stroke();
ctx.restore();
// Write seconds
ctx.save();
ctx.rotate(sec * Math.PI/30);
ctx.strokeStyle = “#D40000”;
ctx.fillStyle = “#D40000”;
ctx.lineWidth = 6;
ctx.beginPath();
ctx.moveTo(-30,0);
ctx.lineTo(83,0);
ctx.stroke();
ctx.beginPath();
ctx.arc(0,0,10,0,Math.PI*2,true);
ctx.fill();
ctx.beginPath();
ctx.arc(95,0,10,0,Math.PI*2,true);
ctx.stroke();
ctx.fillStyle = “#555”;
ctx.arc(0,0,3,0,Math.PI*2,true);
ctx.fill();
ctx.restore();
ctx.beginPath();
ctx.lineWidth = 14;
ctx.strokeStyle = ‘#325FA2’;
ctx.arc(0,0,142,0,Math.PI*2,true);
ctx.stroke();
ctx.restore();
}
关于网页调用系统时间JS代码
!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “”
html
head
meta http-equiv=”Content-Type” content=”text/html; charset=gbk”
titleUntitled Document/title
script
//————-可以把以下内容写进外部js文件中————
window.onload=getTime; //网页加载完就调用getTime()方法
function getTime(){
var today=new Date(); //获取当前系统时间
var hours=today.getHours(); //获取小时
var minutes=today.getMinutes(); //获取分
var seconds=today.getSeconds(); //获取秒
if(minutes10){ //分小于10就在前面补0
minutes=”0″+minutes;
}
if(seconds10){ //秒小于10就在前面补0
seconds=”0″+seconds;
}
//把时分秒拼起来得到时间
var time =hours+”:”+minutes+”:”+seconds;
//把时间显示在div上,您自己可以放在网页任何位置,反正时间就是time
document.getElementById(“div”).innerHTML=time;
//每隔一秒更新一次时间
setTimeout(“getTime()”,1000);
}
//————-可以把以上内容写进外部js文件中————
/script
/head
body
div id=”div”/div
/body
/html
代码已经贴上，希望对您有帮助
JS中获取当前时间的代码是什么？
Date 对象
启用基本存储器并取得日期和时间。
dateObj = new Date()
dateObj = new Date(dateVal)
dateObj = new Date(year, month, date[, hours[, minutes[, seconds[,ms]]]])
参数
dateObj
必选项。要赋值为 Date 对象的变量名。
dateVal
必选项。如果是数字值，dateVal 表示指定日期与 1970 年 1 月 1 日午夜间全球标准时间 的毫秒数。如果是字符串，则 dateVal 按照 parse 方法中的规则进行解析。dateVal 参数也可以是从某些 ActiveX(R) 对象返回的 VT_DATE 值。
year
必选项。完整的年份，比如，1976（而不是 76）。
month
必选项。表示的月份，是从 0 到 11 之间的整数（ 1 月至 12 月）。
date
必选项。表示日期，是从 1 到 31 之间的整数。
hours
可选项。 如果提供了 minutes 则必须给出。表示小时，是从 0 到 23 的整数（午夜到 11pm）。
minutes
可选项。 如果提供了 seconds 则必须给出。表示分钟，是从 0 到 59 的整数。
seconds
可选项。 如果提供了 milliseconds 则必须给出。表示秒钟，是从 0 到 59 的整数。
ms
可选项。 表示毫秒，是从 0 到 999 的整数。
说明
Date 对象保存以毫秒为单位表示特定时间段。如果某个参数的值大于其范围或为负数，则存储的其他值将做相应的调整。例如，如果指定 150 秒，JScript 将该数字重新定义为 2 分 30 秒。
如果数字为 NaN，则表示该对象不代表特定的时间段。如果未向 Date 对象传递参数，它将被初始化为当前时间 (UTC)。在能够使用该对象前必须为其赋值。
Date 对象能够表示的日期范围约等于 1970 年 1 月 1 日前后各 285,616 年。
Date 对象具有两个不创建 Date 对象就可以调用的静态方法。它们是 parse 和 UTC。
错误
下面的示例演示了 Date 对象的用法。
function DateDemo(){
var d, s = “Today’s date is: “; // 声明变量。
d = new Date(); // 创建 Date 对象。
s += (d.getMonth() + 1) + “/”; // 获取月份。
s += d.getDate() + “/”; // 获取日。
s += d.getYear(); // 获取年份。
return(s); // 返回日期。
}
js时间代码
!DOCTYPE html
html lang=”en”
head
meta charset=”UTF-8″
titledateutil-js时间举例/title
!– script src=””/script–
script src=””/script
/head
body
script type=”text/javascript”
console.log(getdate_WMdy_En());//Thurs.Sept.2, 2020
console.log(getdate_yMdhms_T());//2020-9-2 21:41:7
console.log(getdate_WyMdhms_C());//星期四 2020年9月2日 21时38分33秒
/script
/body
/html
js获得当前日期和时间的代码是什么？
var
myDate
=
new
Date();
myDate.toLocaleDateString()；可以获取当前日期
myDate.toLocaleTimeString();
可以获取当前时间
扩展：
myDate.getYear();
//获取当前年份(2位)
myDate.getFullYear();
//获取完整的年份(4位,1970-????)
myDate.getMonth();
//获取当前月份(0-11,0代表1月)
myDate.getDate();
//获取当前日(1-31)
myDate.getDay();
//获取当前星期X(0-6,0代表星期天)
myDate.getTime();
//获取当前时间(从1970.1.1开始的毫秒数)
myDate.getHours();
//获取当前小时数(0-23)
myDate.getMinutes();
//获取当前分钟数(0-59)
myDate.getSeconds();
//获取当前秒数(0-59)
myDate.getMilliseconds();
//获取当前毫秒数(0-999)
myDate.toLocaleString(
);
//获取日期与时间
原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/247272.html
微信扫一扫 
支付宝扫一扫 