add javascript datetime inside a html url

Question

For a cache issue, I want to send the current datetime with a url, but with the following code, the current timestamp isn't shown in the url..

<script>var d=new Date();</script>
<li><a href="/controllername?t="+d.getTime()+"&name=.... // etc

How to add javascript datatime properly in the url?

can't you use php date() function..... date('Y-m-d H:i:s')..?? — bipen
– bipen, Commented Nov 12, 2012 at 10:43
I develop in Classic ASP, but it is necessary for cache to post the datetime with javascript — user1469734
– user1469734, Commented Nov 12, 2012 at 10:44
you are trying to use javascript outside the <script></script> tags — MirrorMirror
– MirrorMirror, Commented Nov 12, 2012 at 10:48
I know, but how to put the d.GetTime() value inside the html — user1469734
– user1469734, Commented Nov 12, 2012 at 10:50
You need to send most recent time value with url as shown in my example, problem with Bruno's code is that time gets appended to href value at page load that represents time when you loaded the page which can be different from the time you clicked the link. — Software Engineer
– Software Engineer, Commented Nov 12, 2012 at 11:22

Bruno Vieira · Accepted Answer · 2012-11-12 10:48:16Z

6

Instead of using inline javascript a better approach would be to identify your element in the DOM and then simply set it's href attribute like the following:

html

<ul>
    <li><a id="timeLink" href="#">Time Link</a></li>
</ul>

javascript

var d=new Date();
var timeLink = document.getElementById("timeLink");

timeLink.setAttribute("href","/controllername?t="+d.getTime());

As usual, using jQuery can simplify a lot:

$(document).ready(function(){
    var d = new Date();
    $("#timeLink").attr("href","/controllername?t="+d.getTime());
});

Here's a functional fiddle

answered Nov 12, 2012 at 10:48

Bruno Vieira

3,9141 gold badge26 silver badges36 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

kolufild · Accepted Answer · 2012-11-12 10:50:16Z

2

Try this:

<a href="#" onClick="this.href='/controllername?t=' + (new Date().getTime());">click me</a>

answered Nov 12, 2012 at 10:50

kolufild

7421 gold badge9 silver badges20 bronze badges

Comments

Akos K · Accepted Answer · 2012-11-12 11:50:26Z

2

Use new Date().getTime(); and attach it to the link

<a id="link" href="/controllername?t="+d.getTime()+"&name=.... // etc

by grabbing the link element and appending the timestamp:

var link = document.getElementById('link');
var now = new Date().getTime();
link.setAttribute("href", "/controllername?t=" + now);

Since you want to add the current timestamp when you click on a link, I would attach the above code to the onclick function of the href, so when you click on the link the actual timestamp will be appended to the url. See the example http://jsfiddle.net/GBBdc/.

edited Nov 12, 2012 at 11:50

answered Nov 12, 2012 at 10:48

Akos K

7,1633 gold badges37 silver badges47 bronze badges

1 Comment

andrean Over a year ago

this solution should be preferred, as it will attach the current datetime to the link at the moment of clicking, not the datetime of the event when the dom loaded.

Riaan Walters · Accepted Answer · 2012-11-12 10:47:35Z

0

Since your using ASP You can define your script as this. You can do any format you like (.ToString("hh:mm:ss") ) for example

<script>        var d = '<%=DateTime.Now.Ticks %>';</script>

This way you can have any format and use it backend any way you like, always ensuring you have the correct format, as apposed to client side strings which may be in a localized format

answered Nov 12, 2012 at 10:47

Riaan Walters

2,6862 gold badges22 silver badges30 bronze badges

1 Comment

user1469734 Over a year ago

But how to pass that value to my url?

YardenST · Accepted Answer · 2012-11-12 10:48:12Z

0

You cannot use the d object if you are not inside <Script>

do something like:

<script>
var d=new Date();
$("#mylink").attr("href","...." + d.getTime() + "..");

</script>

<a id="mylink">

answered Nov 12, 2012 at 10:48

YardenST

5,2762 gold badges38 silver badges60 bronze badges

Comments

N Khan · Accepted Answer · 2012-11-12 11:18:39Z

0

Very easy just write this in your script

var d = '';

answered Nov 12, 2012 at 11:18

N Khan

3661 gold badge6 silver badges15 bronze badges

Comments

Software Engineer · Accepted Answer · 2012-11-12 11:24:04Z

0

Time gets changed with every second, millisecond etc. so you need to send most recent time value with url:

<a href="javascript:sendRequest('/controllername?t=');">Send Request</a>

Javascript:

function sendRequest(oldUrl){
    var d = new Date();
    var newUrl = oldUrl + d.getTime();
    window.location = newUrl;
}

Here's is its DEMO

edited Nov 12, 2012 at 11:24

answered Nov 12, 2012 at 11:14

Software Engineer

3,9861 gold badge28 silver badges35 bronze badges

Collectives™ on Stack Overflow

add javascript datetime inside a html url

7 Answers 7

Comments

Comments

1 Comment

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

7 Answers 7

Comments

Comments

1 Comment

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related