在HTML5画布中获取当前日期和时间?

时间:2014-05-15 13:21:25

标签: javascript html5 canvas html5-canvas

这可能是一个简单的答案,但它已经很晚了,我似乎无法解决它。我正在使用javascript在HTML5画布上编写代码,我应该添加一个画布文本脚本,该脚本应该包含今天的日期和当前时间。

这是我到目前为止所做的:

var c = document.getElementById("myCanvas");
var ctx=c.getContext("2d");
today = new Date();
var m = today.getMinutes();
var h = today.getHours(); 
var d = today.getDate()
var n = today.getMonth()+1
var y = today.getYear()
ctx.fillText(("Time: ", h,":", m), 325, 300);
ctx.fillText(("Date: ", d,"/", n,"/", y), 325, 350);

我可以在我提供的位置显示分钟(m)和年份(y),但我看不到小时,日期,月份甚至是':&#39 ;和'时间/日期'。非常感谢帮助。

1 个答案:

答案 0 :(得分:2)

你不能用逗号将变量连接成字符串。

所有逗号都应该是加号以连接字符串

ctx.fillText(("Time: " + h +":" + m), 325, 300);
ctx.fillText(("Date: " + d + "/" + n + "/" + y), 325, 350);

FIDDLE